(1) 色の３属性

色には、色相（色の違い）・明度（明るさ）・彩度（鮮やかさ）の３属性がある。人の眼は物体が吸収・反射する光や、物体を透過する光を色として知覚するが、その見え方には色相・明度・彩度の違いがある。これらは互いに関連しあっているため、ひとつの属性を扱っただけでは、特定の色をいいあらわすことはできない。

色相

色相は、赤・橙・黄・緑・青・紫などの言葉で区別される、色みの違いのことです。色みは、光の波長の違いによって変化します。

色相の変化を円状に並べたものを色相環といいます。色相環に並んだ色で反対にある色を補色といい、互いの色を引き立てる配色となります。また、隣り合う色どうしを類似色といい、色の差が小さいため統一感のある配色となります。

明度

明度は、色の明るさの度合いを表します。明度が高いと白に近づき、明るい爽快なイメージになります。明度が低いと黒に近づき、暗く落ち着いたイメージになります。

赤の明度

緑の明度

青の明度

無彩色の明度

彩度

彩度は、色の鮮やかさの度合いを表します。彩度が高いと鮮やかで派手な色になり、彩度が低いと落ち着いた地味な色になります。白・灰・黒色は彩度をもたないので、無彩色といいます。一方、無彩色以外の色を有彩色といいます。

赤の彩度

緑の彩度

青の彩度

色相・明度・彩度の見本

12色相における明度と彩度はコチラのページを参照してください。

(2) 配色の工夫

補色対比

補色どうしが隣接すると、彩度が増して見えるため、非常に目立つ配色となります。人によっては目が痛くなるかもしれません。

彩度100%, 明度50%

彩度50%, 明度50%

彩度対比と明度対比

彩度の高い色と低い色が隣接すると、彩度の高い方は元の色より鮮やかに、彩度の低い方は元の色よりくすんで見えます。

また、明度差のある色が隣接すると、明度が低い色はより低く、明度が高い色はより高く見えます。明るく鮮やかに見せたいものがあれば、その近くに暗くくすんだ色を置くと効果的です。

各ブロックの数字は背景色の彩度/明度を表す。文字色はいずれも彩度:50%, 明度:50%。
横方向に見ると彩度比、縦方向に見ると明度比を比較することができる。

心理補色

赤を見続けたあと、白いところを見ると、一瞬うっすらと青緑や水色が浮かんで見えます。また、青を見続けたあと、白いところを見ると、黄色があらわれます。このように特定の色を見続けたあとに残像として現れる色を心理補色といいます。

上の円を見続けたあと、円をクリックしてみると心理補色が現れます（これに対して、上記(1)で扱った混合すると無彩色になる補色を物理補色といいます）。心理補色は人間の感覚に沿ったもので、赤の心理補色は緑，黄の心理補色は青となっています。例えば、医療現場の手術着は青緑ですが、これは血の色である赤の心理補色で、値を見続けたあとに白い壁や布を見ることで発生する残像を緩和するはたらきがあります。

心理補色の組み合わせ

(3) 色のイメージ

赤から炎や情熱、青から海や平和などを思い浮かべる人も多いように、色から物事や概念を連想することがあります。これは、個人の経験や知識、文化や歴史などさまざまなことが影響するため、単純に万人に当てはまるものではありませんが、世界的にもある程度の共通項はあり、言語によらないコミュニケーションを可能にします。