移行中の知識
色の同時対比
Chromatic Induction
定義
色の同時対比（chromatic induction）とは、隣接して同時に見える色刺激が互いの色の見えへ影響する現象です。同じ色値でも周囲の背景や隣接色によってhue、lightness、chromaなどが異なって知覚されえます。CIEではchromatic adaptationより即時的な現象として区別されます。
実例
実際の場面で考える
同じ概念を異なる制作文脈へ持ち込み、何を観察して判断するかを見る。
light / dark surfaceをまたぐdesign system
同じbadge色を異なるsurfaceで確認する
見るポイント
同じtokenのbadgeでも白背景と暗いcard上で色の強さや明るさが違って見えることがある。token値だけを比較せず、実際に置かれるsurround込みで確認する。
複数色を横並びにするpalette review
palette swatchの隣接影響
見るポイント
swatch同士を密接に並べた時とneutral背景上で単独表示した時の見えを比べる。隣の高chroma色による見えの変化を、その色自身の値の問題だと誤認しない。
注意
誤解しやすい点
- 同じCSS color valueなら、どの背景上でも同じ色として知覚されると考える。
- 背景で見えが変わった時に、元のtoken値だけを修正し続けてsurroundの影響を見ない。
- chromatic inductionと、時間をかけて進むchromatic adaptationを同じ現象として扱う。
関連
関連する概念
出典