カラーパレット作成
色を一つ選ぶと、補色・類似色・トライアドといった色相環の規則で合う色を導き出します。感覚ではなく規則で選ぶと、配色が大きく外れません。
🎨 すべてブラウザ内で動きます。インストールも登録も不要です。
類似色
色相環で隣り合う色です。自然で穏やかなので、背景と本文のような広い面積に合います。
配色比は 60:30:10
色を選んだあとのほうが大事です。広い背景に60%、補助色に30%、強調に10%で使うと、同じ色の組み合わせでもずっと整って見えます。強調色を30%以上使うと、それは強調ではなくなります。
このツールでできること
- 補色・類似色・トライアド・テトラード
- 同一色相の明度段階
- HEXをその場でコピー
- パレット全体をCSSでコピー
ほかのカラーツール
画面とそのカラープロファイルによって、色は少し違って見えることがあります。