配色生成
配色ルールの仕組み
ハーモニールールは色相環を一定角度ずつ回転させます。類似色は隣接、補色は対角、トライアドとテトラードは均等に配置されます。
残したい色をロックしてから再生成すると、ロックした色はそのまま、未ロックの色だけが新しいルールに従います。
アクセシブルな UI パレット
ブランドカラーを 1 つ決め、同じ色相からニュートラル階調を作り、高彩度色は操作と状態に限定します。
公開前にコントラストチェッカーで文字と背景の組み合わせを確認し、ホバー用・押下用の濃淡も用意します。
よくある質問
ハーモニー設定は何を変えますか？
色を生成するときの色相環の回転方法を変えます。自動はバランスの良い配置、その他は古典的な色彩理論に従います。
一部の色を固定できますか？
はい。色見本のロックボタンを使うと、再生成や並べ替えでもその色が保持されます。
パレットはどう書き出しますか？
CSS 変数をコピーするか、PNG をダウンロードするか、ブックマークボタンでブラウザに保存できます。
色はいくつまで追加できますか？
最大 8 色まで追加でき、任意の 2 色の間に挿入し、ドラッグで並べ替えられます。