移行中の知識
色相
Hue
定義
色相（hue）とは、ある色が赤・黄・緑・青など、どの色みの系統として知覚されるかを表す色の属性です。lightness、chroma、saturationなどとは区別して扱います。Webのcolor spaceではhueを角度で表す場合がありますが、HSL・LCH・OKLCHなどcolor spaceが違えば同じ角度が同じ知覚色相を表すとは限りません。また同じlightness / chromaを指定しても、色相によって出力gamut内に収まる範囲は異なります。
実例
実際の場面で考える
同じ概念を異なる制作文脈へ持ち込み、何を観察して判断するかを見る。
Webアプリの主要操作
アクセント色の色相比較
見るポイント
赤系・青系・緑系の候補を比較する時、色相以外にlightnessやchroma / saturationまで大きく変わっていないかを確認する。見た目の強さや読みやすさの差を、色相だけの効果だと誤認しない。
データ可視化やタグ一覧
カテゴリ色の使い分け
見るポイント
複数カテゴリを色相で区別する場合、色相差だけでなく、近いlightness・chromaでも十分に区別できるか、文字や形など別の手がかりも必要かを見る。
注意
誤解しやすい点
- 赤と青のような色名だけを比較し、同時に変わっているlightness・chroma / saturation・面積などの影響を無視する。
- HSLとOKLCHなど異なるcolor spaceのhue angleを、知覚的に同じ対応関係だと考える。
- 色相だけで状態やカテゴリを伝え、他の識別手がかりを持たせない。
関連
関連する概念
出典