4色の組み合わせ｜おしゃれで見やすい配色パターンと割合

4色を使うと表現の幅が広がりますが、色の競合も起きやすくなります。ポイントは「4色を均等に使わない」ことです。背景、主役、補助、アクセントに役割を分けると、色数が多くても整理できます。

4色の役割を分ける

割合は固定の黄金比ではない

「70:25:5」などの比率が紹介されることがありますが、すべてのデザインに共通する規格ではありません。画面、ポスター、服、インテリアでは必要な面積が違うため、比率より役割を優先します。

色相を増やすならトーンをそろえる

4つとも異なる色相を使う場合は、明度・彩度を近づけるとまとまりやすくなります。逆に1色だけ高彩度にしてアクセントにする方法もあります。

無彩色を1色含めると整理しやすい

白・グレー・黒のいずれかを4色の中に含めると、有彩色同士の距離を作れます。Webや資料では文字色・背景色を無彩色にすることで、情報の読みやすさも確保しやすくなります。

関連して読みたい記事

• 色の組み合わせ｜相性のいい配色と基本の考え方
• 配色とは？配色の基本・配色理論・考え方
• 2色の組み合わせ一覧｜相性のいい配色パターン
• 3色の組み合わせ一覧｜バランスのいい配色パターン
• デザインの配色｜文字・背景・アクセント色の組み合わせ方

配色は小さな色見本だけで決めない

同じ組み合わせでも、背景として広く使う色と小さなアクセントでは印象が変わります。実際の用途に近い面積で並べ、文字・写真・素材と一緒に確認してください。配色ラボで候補を比較し、Webや資料ならコントラスト、ファッションやネイルなら素材と光の当たり方まで見ると、机上の色相関係だけに頼らない実用的な配色になります。

参考にした資料

• Adobe Color｜Color Wheel