移行中の知識
明るさ
Brightness
定義
明るさ（brightness）とは、ある領域がどの程度多くの光を出す・通す・反射するように見えるかという知覚属性です。白との相対比較で表すlightnessとは別で、同じ物体色でも照明やdisplay luminance、surround、adaptationによってbrightnessの知覚は変わりえます。HSV / HSBのBrightnessやValueというcomponent名を、CIEのbrightnessとそのまま同一視しません。
関連
対比すると分かりやすい概念
実例
実際の場面で考える
同じ概念を異なる制作文脈へ持ち込み、何を観察して判断するかを見る。
HDR対応display上の映像・UI overlay
HDR表示で同じ色が強く光って見える
見るポイント
色相やカテゴリ上の役割が同じでも、実際の発光強度やsurroundが変わると「どれだけ明るく見えるか」は変わる。CSS上のlightness値だけでbrightnessを説明しない。
同じbrand hueを異なる背景で使うUI
light modeとdark modeのaccent
見るポイント
同一の色値を置くだけでなく、周囲との対比とadaptationによってどの程度明るく目立って見えるかを確認する。lightness、contrast、brightnessを一つの概念にまとめない。
注意
誤解しやすい点
- brightnessとlightnessを日本語の「明るさ」と「明度」の言い換え程度に扱い、基準の違いを無視する。
- HSV / HSBのBやVをCIE brightnessそのものだと扱う。
- RGB値やluminanceが高ければ、観察条件に関係なく同じbrightnessで知覚されると考える。
関連
関連する概念
出典