移行中の知識
色差
Color Difference
定義
色差（color difference）とは、2つの色が知覚上どの程度異なって見えるかを数値的に推定するための比較概念です。歴史的にΔEと呼ばれるformula群が使われ、Lab系のΔE2000やOklab上の距離など、採用するcolor space・formulaによって値の意味は変わります。色差は色の近さを評価する道具であり、意味・ブランド適合・contrast・アクセシビリティを一つの数値で判定する尺度ではありません。
実例
実際の場面で考える
同じ概念を異なる制作文脈へ持ち込み、何を観察して判断するかを見る。
brand paletteの微調整
design token変更の回帰確認
見るポイント
旧tokenと新tokenの差が目視だけでは判断しにくい時、同じformulaでcolor differenceを計算して変更量を把握する。数値が小さくても、境界やstate識別に必要な差が保たれるかは別に確認する。
Display P3 colorをsRGBへ落とす場面
gamut mapping前後の変化
見るポイント
mapping前後の色差を見て変化量を把握しつつ、hue・lightness・chromaのどこが変わったかも確認する。単に最小ΔEだけでデザイン上の最適解を決めない。
注意
誤解しやすい点
- 異なるΔE formulaの値を同じ尺度として直接比較する。
- 色差が小さければ、文字contrast・state識別・ブランド上の意味も同等だと判断する。
- 一つの固定thresholdを、device・観察条件・色域・用途に関係なく普遍的な「見分けられる/見分けられない」境界として使う。
関連
関連する概念
出典