3色を使うと、2色より情報量を増やしながら、まだ整理しやすい配色を作れます。成功しやすい考え方は「3色を同じ面積・同じ強さで使わない」ことです。背景、主役、アクセントに役割を分けます。
3色配色の代表パターン
| 方法 | 考え方 | 特徴 |
|---|---|---|
| トライアド | 色相環をおおむね等間隔に3色選ぶ | 華やかで変化がある |
| 類似3色 | 近い色相を3色選ぶ | 自然でまとまりやすい |
| 無彩色＋2色 | 白・灰・黒を土台に2色加える | 実用的で情報整理しやすい |
| 同系色＋アクセント | 近い2色に離れた1色を足す | 統一感と視線誘導を両立 |
ベース・メイン・アクセントに分ける
背景や広い面積をベース、ブランドや主役をメイン、ボタンや小物をアクセントにすると、色の優先順位がはっきりします。固定の比率を守る必要はなく、用途に合わせて面積を調整します。
トライアドは彩度をそろえすぎない
3色すべてが高彩度だと賑やかすぎる場合があります。1色だけ鮮やかにし、残りを淡く・暗く・くすませると扱いやすくなります。
情報デザインでは意味の割り当てを一貫させる
グラフやUIで3色を使う場合は、同じ色を同じ意味に使い続けることが重要です。色だけで区別せず、ラベルや形も併用してください。
関連して読みたい記事
配色は小さな色見本だけで決めない
同じ組み合わせでも、背景として広く使う色と小さなアクセントでは印象が変わります。実際の用途に近い面積で並べ、文字・写真・素材と一緒に確認してください。配色ラボで候補を比較し、Webや資料ならコントラスト、ファッションやネイルなら素材と光の当たり方まで見ると、机上の色相関係だけに頼らない実用的な配色になります。
コメントを残す