移行中の知識
色空間
Color Space
定義
色空間（color space）とは、色を数値の座標として表し、変換・比較・再現するための定義された座標系です。sRGB、Display P3、Lab、Oklab、OKLCHなどは、componentの意味、white point、transfer function、gamut、知覚的一様性などが異なります。同じ数値や同じcomponent名でも、別のcolor spaceでは同じ色・同じ見えを意味しません。特定の画像dataやdeviceの数値をcolor management systemがどう解釈するか記述するcolor profileとは役割を分けます。
関連
対比すると分かりやすい概念
実例
実際の場面で考える
同じ概念を異なる制作文脈へ持ち込み、何を観察して判断するかを見る。
Web design tokenの再設計
HSLからOKLCHへpalette調整を移す
見るポイント
HSLのlightness / saturation値をそのままOKLCHのL / Cへ置き換えず、実際の色を変換した上で各spaceのcomponentの意味に沿って調整する。
brand gradientやdata visualization
gradientの補間spaceを選ぶ
見るポイント
sRGB、Oklab、OKLCHなどで中間色の見えが変わることを確認する。単にendpoint colorが同じだからgradientも同じになるとは考えない。
注意
誤解しやすい点
- RGB、HSL、Lab、OKLCHなどのcomponent値をspace間で直接比較する。
- color spaceと、画像やdeviceへ付与・関連付けるcolor profileを完全な同義語として扱う。
- perceptually uniformとされるspaceなら、あらゆる用途で完全に知覚差が均一になると考える。
- color spaceの選択を記法の好みだけと考え、gamut・補間・white point・component semanticsの差を無視する。
関連
関連する概念
出典