配色 パレット 生成
ワンクリックできれいな配色パレットを作れます。ランダムまたは基準色から、補色・類似色・トライアド・分裂補色・モノクロの配色ルールを選べます。気に入った色はロックし、HEXコードのコピーやPNG・CSS変数での書き出しもできます。
またはスペースキー
書き出し
使い方
- 配色ルール(またはランダム)を選び、必要なら基準色を決めます。
- 気に入るまで「生成」かスペースキーを押します。ロックした色は次の生成でも残ります。
- HEXコードをクリックするとコピーでき、パレットをPNGやCSS変数で書き出すこともできます。
よくある質問
補色の配色とは？
色相環で向かい合う色(例:青とオレンジ)の組み合わせです。コントラストが強く、ボタンやサムネイルに向いています。
CSSの書き出しはどう使いますか？
:rootのブロックをスタイルシートに貼り付け、var(--color-1)・var(--color-2)のように使います。
商用利用できますか？
はい。作った配色はどこでも無料で自由に使えます。