色相・彩度・明度をわかりやすく解説

3つの数値、3つの問い

たとえば、くすんだ青緑を思い浮かべてください。説明するとき、画面が実際にしていることだとしても、赤、緑、青の光がそれぞれどれくらい含まれるかとは言わないでしょう。青みのある緑で、あまり鮮やかではなく、少し暗いと言うはずです。それがHSBです。人が考える順に、色相、彩度、明度。Alvy Ray Smithが1970年代末に提案したのも、人が見た感覚に沿って色を選べるようにするためでした。HSVとも呼ばれ、Vはvalueを意味します。どちらも同じモデルです。

色相が角度であることの意味

色相を円に配置するのは、赤から紫まで一直線に並ぶスペクトルが、虹にはない赤紫の色を介してつながるからです。マゼンタは紫と赤の間にあり、円を閉じます。そのため色相は角度で測ります。赤が0°、黄が約60°、緑が約120°、シアンが約180°、青が約240°、マゼンタが約300°、360°で再び赤です。

円には直線にない性質があります。最大の距離が決まっていて、それは半周です。2つの色相が180°より離れることはありません。目標が10°で予想が350°なら、誤差は340°ではなく、円の上側をまたぐ20°です。正しい色相の採点は、必ず短いほうの距離を使います。最大の誤差は、円の正反対にある補色です。Percoreが色相の誤差を180°で正規化するのは、それが完全一致から最大の誤差までの範囲だからです。

彩度と明度

彩度は、その色の鮮やかさです。彩度がゼロになると、どの色相も同じグレーになります。淡い色やくすんだ色の色相を言い当てにくいのは、見分けるための色味がほとんど残っていないからです。彩度が最大なら、その色相で可能な限り鮮やかになります。明度は単純に色の明るさです。明度がゼロなら、色相と彩度にかかわらず黒になります。

この2つは、人が混同しやすい形で影響し合います。暗く鮮やかな赤と、明るく彩度の低い赤は、色相が同じでもまったく別の色に感じられます。色を記憶するとき、人は色相をほぼ正しく保ちながら彩度を高く見積もりがちです。記憶した色が、実際より鮮やかになるのです。明度の誤差は周囲の光によってどちらの方向にも起こります。要素別のスコアでは、このような傾向を見ます。

HSBと他の色モデル

HSBは同じ色を表すいくつかの方法のひとつです。それぞれに用途があります。目的に合わないモデルを使うと混乱しやすいため、役割を整理します。

RGBは機械のため、HSBとHSLは人のため、Labは測定のためと考えるとわかりやすいでしょう。Delta Eで採点する色覚ツールはLabで測っています。3つのスライダーを使うものは、HSBで答えられるようにしています。どちらも妥当で、伝えることが違います。

色見本より3つのスライダーからわかること

色を見て、消えたあとに6つの色見本からもっとも近いものを選ぶと、結果は距離を伴う正解か不正解か、ひとつの情報です。代わりに3つの独立した操作で再現すると、色相、彩度、明度のそれぞれでどれくらいずれたかという3つの数値になります。それらが誤りを理解する手掛かりになります。毎日、色相の誤差は小さく彩度の誤差が大きい人は、自分の見方について学び、調整できるようになります。

これがPercoreのカラーセッションの考え方です。画面いっぱいの色を見せ、隠し、色相、彩度、明度のスライダーで再現してもらいます。各誤差を正規化し、色相は180°、他の2つはそれぞれの全範囲で割ります。3つを平均して0〜100の正確さにし、内訳も一緒に表示します。式の詳細はPercoreの採点方法に、内訳を練習へ生かす方法は色の感覚を磨くにはにあります。