あらゆる色は 色相 (Hue)・彩度 (Saturation)・明度 (Value) の三つの数値で記述できる。これは HSV 色空間の基本で、デザイナーが色を「言語化」するための最初の道具となる。
赤系か青系か (色相)、鮮やかか鈍いか (彩度)、明るいか暗いか (明度) — この三つを別々に動かせるようになると、配色の議論は驚くほどシャープになる。
「もう少し暗くしたい」のではなく「彩度を 20 落とし、明度を 10 下げたい」と話せるかどうか。
ひとつの色相の中で、明度と彩度だけを変化させる配色。最も安全で、最も静かな選択肢。プロダクト UI の落ち着いたトーンや、写真集の表紙に合う。
色相環で隣り合う 2–4 色を組み合わせる配色。自然界の夕焼けや紅葉と同じ原理で、調和的で温度感のある画面が生まれる。
色相環で 180 度離れた色同士の組み合わせ。最大の対比を生み、緊張感とエネルギーがある。アクセントとして 1:9 の比率で使うと洗練される。
色相環を三等分する位置に配置した三色。バランスとコントラストを両立する。バウハウスの赤・青・黄はこの代表例。
色相環を四等分、または二組の補色を組み合わせる。色数が増えるぶん難度が高く、一色を主役にして他を脇役に回すのがコツ。
主役の補色をそのまま使うのではなく、その両隣の二色を使う配色。補色の緊張感を保ちつつ、より洗練された印象になる。中級者の定番。
配色の比率は 60% をベースカラー、30% をサブカラー、10% をアクセントカラーとするのが、室内装飾から派生した古典的なルール。
この比率を守るだけで、画面に「主役と脇役」の関係が生まれ、目が休む場所と止まる場所が明確になる。アクセントが 30% を超えた瞬間、画面は騒がしくなり始める。
逆に、アクセントを 5% 以下に絞ると、上品で抑制された高級ブランドの雰囲気が生まれる。
色は普遍的に見えて、実は文化のレンズを通して読まれている。同じ赤が、ある国では祝福を意味し、別の国では警戒を意味する。グローバルなブランディングの落とし穴は、たいていここにある。
美しさは可読性の上に成立する。WCAG 基準では、本文の文字色と背景色のコントラスト比は 4.5:1 以上が AA 基準、7:1 以上が AAA 基準。これを下回ると、視覚に障がいのある読者だけでなく、明るい屋外で画面を見る誰もが内容を読めなくなる。