49
色を認識する仕組み 色空間 2009/06/11 [email protected]

色を認識する仕組みと色空間

Embed Size (px)

DESCRIPTION

内容自体は1時間弱もの。その後のディスカッションで色にまつわるいろいろな話をします。

Citation preview

Page 1: 色を認識する仕組みと色空間

色を認識する仕組み&色空間

2009/06/11 [email protected]

Page 2: 色を認識する仕組みと色空間

エゾツルキンバイ

ミツバチ

Page 3: 色を認識する仕組みと色空間

エゾツルキンバイ

ミツバチ

人が見ている世界と他の生物がみている世界は違う

Page 4: 色を認識する仕組みと色空間

同じ色? 違う色?

Page 5: 色を認識する仕組みと色空間

同じ色? 違う色?

色としては異なるはずなのに同じ色として認識ができてしまう

Page 6: 色を認識する仕組みと色空間

電磁波に反応する視細胞

Page 7: 色を認識する仕組みと色空間

電磁波に反応する視細胞

3種類の錐体

Page 8: 色を認識する仕組みと色空間

たまたま可視光

Page 9: 色を認識する仕組みと色空間

色の定義は何?

Page 10: 色を認識する仕組みと色空間

色の定義は何?

目の網膜を刺激して、視感覚を起こすことのできる放射

Page 11: 色を認識する仕組みと色空間

?

なぜリンゴは赤い?

Page 12: 色を認識する仕組みと色空間

なぜリンゴは赤い?

Page 13: 色を認識する仕組みと色空間

なぜリンゴは赤い?

Page 14: 色を認識する仕組みと色空間

なぜリンゴは赤い?

Page 15: 色を認識する仕組みと色空間

なぜリンゴは赤い?

Page 16: 色を認識する仕組みと色空間

なぜリンゴは赤い?

Page 17: 色を認識する仕組みと色空間

なぜリンゴは赤い?

Page 18: 色を認識する仕組みと色空間

なぜリンゴは赤い?

Page 19: 色を認識する仕組みと色空間

なぜリンゴは赤い?

Page 20: 色を認識する仕組みと色空間

なぜリンゴは赤い?

•視野角•観察者、年齢

•色順応

など

•色の恒常性

•色のモード•背景色

など

Page 21: 色を認識する仕組みと色空間

「色を認識する仕組み」まとめ

Page 22: 色を認識する仕組みと色空間

「色を認識する仕組み」まとめ

Page 23: 色を認識する仕組みと色空間

色空間

Page 24: 色を認識する仕組みと色空間

色を伝えたい

Page 25: 色を認識する仕組みと色空間

色を伝えたい

デバイス

Local RGB

デジカメ

CCD

Local RGB

CRT

ブラウン管

Local RGB

LCD

液晶

Local CMY

プリンタ

インク

YIQ

NTSC

電波

デザイン業界

sRGB, AdobeRGB, YCbCr, sYCC, xvYCC, …

マンセル、NCS、オストワルト、…

CIEXYZ, CIELAB, CIELUV, …

色彩感覚

人の眼

L,M,S錐体

アプリケーション層

OS

ドライバ

表色系? ??

Page 26: 色を認識する仕組みと色空間

色を伝えたい

デバイス

Local RGB

デジカメ

CCD

Local RGB

CRT

ブラウン管

Local RGB

LCD

液晶

Local CMY

プリンタ

インク

YIQ

NTSC

電波

デザイン業界

sRGB, AdobeRGB, YCbCr, sYCC, xvYCC, …

マンセル、NCS、オストワルト、…

CIEXYZ, CIELAB, CIELUV, …

色彩感覚

人の眼

L,M,S錐体

アプリケーション層

OS

ドライバ

表色系? ??

Page 27: 色を認識する仕組みと色空間

マンセル表色系

オストワルト表色系

NCS(Natural Color System)

人に近い側

Page 28: 色を認識する仕組みと色空間

マンセル表色系

色相・彩度・明度

Page 29: 色を認識する仕組みと色空間

マンセル表色系

色相・彩度・明度

Page 30: 色を認識する仕組みと色空間

色を伝えたい

デバイス

Local RGB

デジカメ

CCD

Local RGB

CRT

ブラウン管

Local RGB

LCD

液晶

Local CMY

プリンタ

インク

YIQ

NTSC

電波

デザイン業界

sRGB, AdobeRGB, YCbCr, sYCC, xvYCC, …

マンセル、NCS、オストワルト、…

CIEXYZ, CIELAB, CIELUV, …

色彩感覚

人の眼

L,M,S錐体

アプリケーション層

OS

ドライバ

表色系? ??

Page 31: 色を認識する仕組みと色空間

色を伝えたい

デバイス

Local RGB

デジカメ

CCD

Local RGB

CRT

ブラウン管

Local RGB

LCD

液晶

Local CMY

プリンタ

インク

YIQ

NTSC

電波

デザイン業界

sRGB, AdobeRGB, YCbCr, sYCC, xvYCC, …

マンセル、NCS、オストワルト、…

CIEXYZ, CIELAB, CIELUV, …

色彩感覚

人の眼

L,M,S錐体

アプリケーション層

OS

ドライバ

表色系? ??

Page 32: 色を認識する仕組みと色空間

機械に近い側

Page 33: 色を認識する仕組みと色空間

色を伝えたい

デバイス

Local RGB

デジカメ

CCD

Local RGB

CRT

ブラウン管

Local RGB

LCD

液晶

Local CMY

プリンタ

インク

YIQ

NTSC

電波

デザイン業界

sRGB, AdobeRGB, YCbCr, sYCC, xvYCC, …

マンセル、NCS、オストワルト、…

CIEXYZ, CIELAB, CIELUV, …

色彩感覚

人の眼

L,M,S錐体

アプリケーション層

OS

ドライバ

表色系? ??

Page 34: 色を認識する仕組みと色空間

色を伝えたい

デバイス

Local RGB

デジカメ

CCD

Local RGB

CRT

ブラウン管

Local RGB

LCD

液晶

Local CMY

プリンタ

インク

YIQ

NTSC

電波

デザイン業界

sRGB, AdobeRGB, YCbCr, sYCC, xvYCC, …

マンセル、NCS、オストワルト、…

CIEXYZ, CIELAB, CIELUV, …

色彩感覚

人の眼

L,M,S錐体

アプリケーション層

OS

ドライバ

表色系? ??

Page 35: 色を認識する仕組みと色空間

絶対的な色表現

Page 36: 色を認識する仕組みと色空間

CIEXYZ

絶対的な色表現

Page 37: 色を認識する仕組みと色空間

CIEXYZ

絶対的な色表現

何故かまぼこ型?

Page 38: 色を認識する仕組みと色空間

CIEXYZの特徴

Page 39: 色を認識する仕組みと色空間

CIEL*a*b*

Page 40: 色を認識する仕組みと色空間

CIEL*a*b*

Page 41: 色を認識する仕組みと色空間

CIEL*u*v*

Page 42: 色を認識する仕組みと色空間

CIEL*u*v*

Page 43: 色を認識する仕組みと色空間

「色空間」まとめ

デバイス

Local RGB

デジカメ

CCD

Local RGB

CRT

ブラウン管

Local RGB

LCD

液晶

Local CMY

プリンタ

インク

YIQ

NTSC

電波

デザイン業界

sRGB, AdobeRGB, YCbCr, sYCC, xvYCC, …

マンセル、NCS、オストワルト、…

CIEXYZ, CIELAB, CIELUV, …

色彩感覚

人の眼

L,M,S錐体

アプリケーション層

OS

ドライバ

表色系? ??

Page 44: 色を認識する仕組みと色空間

おまけ

CIEXYZの作り方

Page 45: 色を認識する仕組みと色空間

CIEXYZの作り方

Page 46: 色を認識する仕組みと色空間

CIEXYZの作り方

Page 47: 色を認識する仕組みと色空間

なぜリンゴは赤い?

Page 48: 色を認識する仕組みと色空間

Q & A

Page 49: 色を認識する仕組みと色空間

Fin.