色とは何か — 光・物体・目

目安 18

学習目標

  • 色が「光」「物体」「目」の相互作用で生じることを説明できる
  • 物理的な色と心理的な色の違いを区別できる
  • このアプリの6色が学習のたどり着く「アンカー」であることを理解できる

色とは何か(What)

は、単一の物質の性質ではなく、光・物体・目(と脳) がそろったときに私たちが経験する現象です。

  • 物理側: 特定の波長の光が物体から目に届く
  • 知覚側: 脳がその信号を「赤」「青」などにラベル付けする

デザイン現場では、この2層を分けて考えると、照明・モニター・印刷の話が整理しやすくなります。

光・物体・目と脳の3要素が矢印でつながり、色の知覚に至る模式図。
色は「光」「物体」「目(と脳)」がそろったときに知覚される。照明や媒体が変わると見え方も変わる(模式図)。

なぜ分けて考えるか(Why)

同じ「赤いリンゴ」でも、

  • 夕方のオレンジ光の下では 茶色っぽく 見える
  • モニター上の写真は RGB の三原色 で再現している

だけです。つまり「色」という言葉は、現場によって指す範囲が違う のです。混同すると、ホワイトバランスの議論や、ブランドカラーの指定で齟齬が起きやすくなります。

どう使うか(How)

日常のたとえ

  1. — 太陽や照明がリンゴに当たる
  2. 物体 — リンゴの皮が赤い波長を多く反射する
  3. 目と脳 — 反射光を「赤」と認識する

デザイン・Web のたとえ

  • UI: ボタンやリンクの色は、モニターが発する光の組み合わせ(加算混色)
  • 印刷物: インクが光を吸収する(減法混色)— 同じ HEX でも見え方が一致しないことがある

ヘッダーで6色のいずれかを選ぶと、サイト全体のアクセントが切り替わります。同じ文章でも 色の印象 を比較しながら学べます。

このアプリの6色について

Colorism では、赤・橙・黄・緑・青・紫の 6色 を軸に学習を進めます。自然界のすべての色を6色だけで表すわけではありません。複雑な色彩を、覚えやすく、比較しやすい単位 にまとめた学習用の地図です。

ミニクイズ

私たちが色を知覚するために必要な要素の組み合わせとして正しいものはどれですか?

私たちが色を知覚するために必要な要素の組み合わせとして正しいものはどれですか?