Kuliah 03 –
Color Perception
Yeni Herdiyeni
http://ilkom.fmipa.ipb.ac.id/~yeni/ppcd
11 September 2008 2 1999-2007 by Richard Alan Peters II
The Eye
Diagram from http://webvision.med.utah.edu/
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
11 September 2008 3 1999-2007 by Richard Alan Peters II
The
Retina
Diagram from http://webvision.med.utah.edu/
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
11 September 2008 4 1999-2007 by Richard Alan Peters II
The Retina
Diagram from http://webvision.med.utah.edu/
Light
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
11 September 2008 5 1999-2007 by Richard Alan Peters II
Pixelization of
Color Images:
All Bands Equal
L
–
downsample factor
R
–
information content
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
11 September 2008 6 1999-2007 by Richard Alan Peters II
16
×
Pixelization of
Color Images:
R, G, & B Bands
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
11 September 2008 7 1999-2007 by Richard Alan Peters II
In the Brain: from RGB to LHS
lu
m
in
a
n
ce
hue
sa
tu
ra
tio
n
photo receptors
brain
The eye has 3 types of photoreceptors:
sensitive to red, green, or blue light.
The brain transforms RGB into separate
brightness and color channels (
e.g.
, LHS).
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
L H S
–
Luminance Hue Saturation
11 September 2008 8 1999-2007 by Richard Alan Peters II
Luminance (
brightness
) atau kesilauan; dimensi pengalaman visual yang terkait
dengan jumlah cahaya yang dilepaskan atau dipantulkan
(
intensitas cahaya
)
oleh sebuah benda
Hue adalah dimensi pengalaman visual yang dinyatakan oleh nama-nama warna
dan terkait dengan
panjang gelombang
cahaya
Saturation adalah kejelasan atau kemurnian sebuah warna; dimensi pengalaman
visual terkait dengan
kompleksitas gelombang
cahaya , yaitu seberapa lebar
atau sempit jangkauan gelombang cahaya. Ketika cahaya mengandung sebuah
gelombang tunggal, maka dapat dikatakan bahwa warna murni dan warna yang
dihasilkan dapat dikatakan tersaturasi penuh (saturasi sama dengan 1). Dititik
ekstrem lainnya adalah cahaya putih yang sepenuhnya tidak tersaturasi) atau
saturasinya sama dengan nol.
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
HSV (Hue Saturation Value)
11 September 2008 9 1999-2007 by Richard Alan Peters II
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
11 September 2008 10 1999-2007 by Richard Alan Peters II
16
×
Pixelization
of Color Images:
Luminance Only
L
–
downsample factor
R
–
information content
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
11 September 2008 11 1999-2007 by Richard Alan
16
×
Pixelization
of Color Images:
Chrominance
(H+S) Only
L
–
downsample factor
R
–
information content
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
11 September 2008 12 1999-2007 by Richard Alan
16
×
Pi
xel
iz
a
ti
o
n
11 September 2008 13 1999-2007 by Richard Alan Peters II
16
×
Pi
xel
iz
a
ti
o
n
R
–
information content
These 4 images all have the same amount of
digital information…
11 September 2008 14 1999-2007 by Richard Alan Peters II
16
×
Pi
xel
iz
a
ti
o
n
R
–
information content
… but different visual information.
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
11 September 2008 15 1999-2007 by Richard Alan Peters II
Color Sensing / Color Perception
These are approximations of the responses to the visible spectrum of the
“red”, “green”, and “blue”
receptors of a typical human eye.
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
11 September 2008 16 1999-2007 by Richard Alan Peters II
Color Sensing / Color Perception
Note that the “red”
receptor exhibits the same response at 4
different wavelengths …
1
2
3
4
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
11 September 2008 17 1999-2007 by Richard Alan Peters II
1
2
3
4
b
1g
1r
1Color Sensing / Color Perception
… but the responses of the “green” and “blue” receptors differ …
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
11 September 2008 18 1999-2007 by Richard Alan Peters II
1
2
3
4
b
2g2
r
2Color Sensing / Color Perception
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
11 September 2008 19 1999-2007 by Richard Alan Peters II
1
2
3
4
g
3b
3r
3Color Sensing / Color Perception
… each of the 4 wavelengths
is represented by a unique response from the set of 3 receptors.
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
11 September 2008 20 1999-2007 by Richard Alan Peters II
1
2
3
4
g
4b
4r
4Color Sensing / Color Perception
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
11 September 2008 21 1999-2007 by Richard Alan Peters II
Color Sensing / Color Perception
These are approximations of the responses to the visible spectrum of the
“red”, “green”, and “blue” receptors of
a typical human eye.
The simultaneous red + blue
response causes us to
perceive a continuous range
of hues on a circle. No hue is
greater than or less than any
other hue.
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
11 September 2008 1999-2007 by Richard Alan Peters II 22
Color Images
•
Are constructed from three
intensity maps.
•
Each intensity map is projected
through a color filter (
e.g.,
red,
green, or blue, or cyan, magenta,
or yellow) to create a single
color image.
•
The intensity maps are overlaid
to create a color image.
•
Each pixel in a color image is a
three element vector.
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
11 September 2008 23 1999-2007 by Richard Alan
Color
Images
on a
CRT or
LCD
Display
Intensity images are projected through dot-array color filters which are slightly offset from one another.NTSC Color Space = Y (Luminance) I (Hue) Q (Saturation)
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
11 September 2008 24 1999-2007 by Richard Alan
Color Images In Print
Images are separated into four
color bands, each of which is
printed as a grid regularly
spaced dots. A dot’s diameter
11 September 2008 25 1999-2007 by Richard Alan Peters II
Color
Images
in Print
The four
colors
are
magenta,
cyan,
yellow,
and black
CYMK Color Space
11 September 2008 26 1999-2007 by Richard Alan Peters II
Standard Halftone Screen Angles
Cyan: 105
°
Yellow: 90
°
Magenta: 75
°
Black: 45°
The dot grids are created with a
screen that overlays the intensity
images.
The screens
are oriented
at different
angles.
The resulting
patterns are
called
“rosettes”.
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
11 September 2008 27 1999-2007 by Richard Alan Peters II
Color Separation / Halftoning
The original is separated
into an intensity image for
each of the four color
bands.
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
11 September 2008 28 1999-2007 by Richard Alan Peters II
Color Separation / Halftoning
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
11 September 2008 29 1999-2007 by Richard Alan Peters II
Color Separation / Halftoning
Each screened image is
printed in its own color on
the same page.
Each intensity image is
multiplied by a corresponding
“screen”,
Cyan
Magenta
Yellow
Black
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
11 September 2008 30 1999-2007 by Richard Alan Peters II
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
11 September 2008 31 1999-2007 by Richard Alan Peters II
Stare at the dot in the center of the image
Color Perception: The Afterimage Effect
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
11 September 2008 32 1999-2007 by Richard Alan Peters II
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
11 September 2008 33 1999-2007 by Richard Alan Peters II
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
11 September 2008 34 1999-2007 by Richard Alan Peters II
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
11 September 2008 35 1999-2007 by Richard Alan
The color “negatives” saturate the local receptors so that when the color is removed the
agonist (opposite) color receptors remain saturated.
Color Perception: The Afterimage Effect
Departemen Ilmu Komputer -IPB
Pengantar Pengolahan Citra Digital
11 September 2008 36 1999-2007 by Richard Alan
Brightness Perception
Linear intensity changes are not seen as such.
image
intensity profile
255
11 September 2008 37 1999-2007 by Richard Alan Peters II
The previous slide
demonstrates the
Weber-Fechner relation.
The linear slope of the
intensity change is
perceived as logarithmic.
The green curve is the actual
intensity; the blue curve is the
perceived intensity.
1 2
1 2
g
g
g
g
g
1 2
: Intensity 1 : Intensity 2 : Apparent change in brightness g
g g