カラーパレット生成

補色、類似色、トライアド、テトラド、分割補色など主要な色彩理論ベースの配色をサポートします。

はい、各色のHEX・RGBコードをコピーしたりパレット画像をダウンロードできます。

実際に目に入る色は3〜4色で十分です。よく使われる60-30-10の法則は、背景に60%、補助色に30%、アクセントに10%を割り当てるという考え方で、アクセントを狭く使うほどボタンやリンクが際立ちます。ここに本文用の濃いグレーと境界線用の淡いグレーを足せば、たいていの画面は成立します。色が5つを超えると、どれが重要なのか利用者が判断しづらくなります。

その色を起点に、まず類似色の組み合わせを作ってみてください。色相環で左右30度以内にある色同士はぶつからないため、背景や補助要素に向いています。目立たせたいボタンには反対側の補色をごく少量だけ使うと、視線が正確にそこへ集まります。ダークモードまで考えるなら、同じ色相を保ったまま彩度を下げて明度を上げた変種をあらかじめ用意しておきましょう。