kuliah 03 – color perception - ilmu komputer ipbyeni/files/ppcd/kuliah 03... · brightness...

7
9/11/2008 1 Departemen Ilmu Komputer -IPB Pengantar Pengolahan Citra Digital Kuliah 03 Color Perception Yeni Herdiyeni http://ilkom.fmipa.ipb.ac.id/~yeni/ppcd Departemen Ilmu Komputer -IPB Pengantar Pengolahan Citra Digital 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 L downsampled band R information content

Upload: others

Post on 24-Jul-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Kuliah 03 – Color Perception - Ilmu Komputer IPByeni/files/ppcd/Kuliah 03... · Brightness Perception. Title: Kuliah 03 – Color Perception Author: Yeni Herdiyeni Created Date:

9/11/2008

1

Departemen Ilmu Komputer -IPBPengantar Pengolahan Citra Digital

Kuliah 03 – Color Perception

Yeni Herdiyeni

http://ilkom.fmipa.ipb.ac.id/~yeni/ppcd

Departemen Ilmu Komputer -IPBPengantar Pengolahan Citra Digital

11 September 2008 21999-2007 by Richard Alan

Peters II

The Eye

Diagram from http://webvision.med.utah.edu/

Departemen Ilmu Komputer -IPBPengantar Pengolahan Citra Digital

11 September 2008 31999-2007 by Richard Alan

Peters II

The Retina

Diagram from http://webvision.med.utah.edu/

Departemen Ilmu Komputer -IPBPengantar Pengolahan Citra Digital

11 September 2008 41999-2007 by Richard Alan

Peters II

The Retina

Diagram from http://webvision.med.utah.edu/

Light

Departemen Ilmu Komputer -IPBPengantar Pengolahan Citra Digital

11 September 2008 51999-2007 by Richard Alan

Peters II

Pixelization of Color Images:

All Bands Equal

L – downsample factorR – information content

Departemen Ilmu Komputer -IPBPengantar Pengolahan Citra Digital

11 September 2008 61999-2007 by Richard Alan

Peters II

16× Pixelization of Color Images:

R, G, & B Bands

L – downsampled bandR – information content

Page 2: Kuliah 03 – Color Perception - Ilmu Komputer IPByeni/files/ppcd/Kuliah 03... · Brightness Perception. Title: Kuliah 03 – Color Perception Author: Yeni Herdiyeni Created Date:

9/11/2008

2

Departemen Ilmu Komputer -IPBPengantar Pengolahan Citra Digital

11 September 2008 71999-2007 by Richard Alan

Peters II

In the Brain: from RGB to LHS

lum

inance

hue

satu

ratio

n

photo receptorsbrain

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 -IPBPengantar Pengolahan Citra Digital

L H S – Luminance Hue Saturation

11 September 2008 81999-2007 by Richard Alan

Peters II

Luminance (brightness) atau kesilauan; dimensi pengalaman visual yang terkaitdengan jumlah cahaya yang dilepaskan atau dipantulkan (intensitas cahaya)oleh sebuah benda

Hue adalah dimensi pengalaman visual yang dinyatakan oleh nama-nama warnadan terkait dengan panjang gelombang cahaya

Saturation adalah kejelasan atau kemurnian sebuah warna; dimensi pengalamanvisual terkait dengan kompleksitas gelombang cahaya , yaitu seberapa lebaratau sempit jangkauan gelombang cahaya. Ketika cahaya mengandung sebuahgelombang tunggal, maka dapat dikatakan bahwa warna murni dan warna yangdihasilkan dapat dikatakan tersaturasi penuh (saturasi sama dengan 1). Dititikekstrem lainnya adalah cahaya putih yang sepenuhnya tidak tersaturasi) atausaturasinya sama dengan nol.

Departemen Ilmu Komputer -IPBPengantar Pengolahan Citra Digital

HSV (Hue Saturation Value)

11 September 2008 91999-2007 by Richard Alan

Peters II

Departemen Ilmu Komputer -IPBPengantar Pengolahan Citra Digital

11 September 2008 101999-2007 by Richard Alan

Peters II

16× Pixelization of Color Images:Luminance Only

L – downsample factorR – information content

Departemen Ilmu Komputer -IPBPengantar Pengolahan Citra Digital

11 September 2008 111999-2007 by Richard Alan

Peters II

16× Pixelization of Color Images:

Chrominance (H+S) Only

L – downsample factorR – information content

Departemen Ilmu Komputer -IPBPengantar Pengolahan Citra Digital

11 September 2008 121999-2007 by Richard Alan

Peters II

16×

Pix

eliz

atio

n

L – downsampled bandR – information content

Page 3: Kuliah 03 – Color Perception - Ilmu Komputer IPByeni/files/ppcd/Kuliah 03... · Brightness Perception. Title: Kuliah 03 – Color Perception Author: Yeni Herdiyeni Created Date:

9/11/2008

3

Departemen Ilmu Komputer -IPBPengantar Pengolahan Citra Digital

11 September 2008 131999-2007 by Richard Alan

Peters II

16×

Pix

eliz

atio

n

L – downsampled bandR – information content

These 4 images all have the same amount of digital information…

Departemen Ilmu Komputer -IPBPengantar Pengolahan Citra Digital

11 September 2008 141999-2007 by Richard Alan

Peters II

16×

Pix

eliz

atio

n

L – downsampled bandR – information content

… but different visual information.

Departemen Ilmu Komputer -IPBPengantar Pengolahan Citra Digital

11 September 2008 151999-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 -IPBPengantar Pengolahan Citra Digital

11 September 2008 161999-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 -IPBPengantar Pengolahan Citra Digital

11 September 2008 171999-2007 by Richard Alan

Peters II

1 2 3 4

b1

g1

r1

Color Sensing / Color Perception

… but the responses of the “green” and “blue” receptors differ …

Departemen Ilmu Komputer -IPBPengantar Pengolahan Citra Digital

11 September 2008 181999-2007 by Richard Alan

Peters II

1 2 3 4

b2

g2

r2

Color Sensing / Color Perception

… at each of the 4 locations so that …

Page 4: Kuliah 03 – Color Perception - Ilmu Komputer IPByeni/files/ppcd/Kuliah 03... · Brightness Perception. Title: Kuliah 03 – Color Perception Author: Yeni Herdiyeni Created Date:

9/11/2008

4

Departemen Ilmu Komputer -IPBPengantar Pengolahan Citra Digital

11 September 2008 191999-2007 by Richard Alan

Peters II

1 2 3 4

g3

b3

r3

Color Sensing / Color Perception

… each of the 4 wavelengths is represented by a unique response from the set of 3 receptors.

Departemen Ilmu Komputer -IPBPengantar Pengolahan Citra Digital

11 September 2008 201999-2007 by Richard Alan

Peters II

1 2 3 4

g4

b4

r4

Color Sensing / Color Perception

Departemen Ilmu Komputer -IPBPengantar Pengolahan Citra Digital

11 September 2008 211999-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 -IPBPengantar Pengolahan Citra Digital

11 September 2008 221999-2007 by Richard Alan Peters II

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 -IPBPengantar Pengolahan Citra Digital

11 September 2008 231999-2007 by Richard Alan

Peters II

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 -IPBPengantar Pengolahan Citra Digital

11 September 2008 241999-2007 by Richard Alan

Peters II

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 varies in proportion to the intensity of the color.

CYMK Color Space

Page 5: Kuliah 03 – Color Perception - Ilmu Komputer IPByeni/files/ppcd/Kuliah 03... · Brightness Perception. Title: Kuliah 03 – Color Perception Author: Yeni Herdiyeni Created Date:

9/11/2008

5

Departemen Ilmu Komputer -IPBPengantar Pengolahan Citra Digital

11 September 2008 251999-2007 by Richard Alan

Peters II

Color Images in Print

The four colors are magenta, cyan, yellow, and black

CYMK Color Space

Departemen Ilmu Komputer -IPBPengantar Pengolahan Citra Digital

11 September 2008 261999-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 -IPBPengantar Pengolahan Citra Digital

11 September 2008 271999-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 -IPBPengantar Pengolahan Citra Digital

11 September 2008 281999-2007 by Richard Alan

Peters II

Color Separation / Halftoning

Departemen Ilmu Komputer -IPBPengantar Pengolahan Citra Digital

11 September 2008 291999-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 -IPBPengantar Pengolahan Citra Digital

11 September 2008 301999-2007 by Richard Alan

Peters II

Color Separation / Halftoning

Page 6: Kuliah 03 – Color Perception - Ilmu Komputer IPByeni/files/ppcd/Kuliah 03... · Brightness Perception. Title: Kuliah 03 – Color Perception Author: Yeni Herdiyeni Created Date:

9/11/2008

6

Departemen Ilmu Komputer -IPBPengantar Pengolahan Citra Digital

11 September 2008 311999-2007 by Richard Alan

Peters II

Stare at the dot in the center of the image

Color Perception: The Afterimage Effect

Departemen Ilmu Komputer -IPBPengantar Pengolahan Citra Digital

11 September 2008 321999-2007 by Richard Alan

Peters II

Departemen Ilmu Komputer -IPBPengantar Pengolahan Citra Digital

11 September 2008 331999-2007 by Richard Alan

Peters II

Departemen Ilmu Komputer -IPBPengantar Pengolahan Citra Digital

11 September 2008 341999-2007 by Richard Alan

Peters II

Departemen Ilmu Komputer -IPBPengantar Pengolahan Citra Digital

11 September 2008 351999-2007 by Richard Alan

Peters II

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 -IPBPengantar Pengolahan Citra Digital

11 September 2008 361999-2007 by Richard Alan

Peters II

Brightness Perception

Linear intensity changes are not seen as such.

image intensity profile

255

0

Page 7: Kuliah 03 – Color Perception - Ilmu Komputer IPByeni/files/ppcd/Kuliah 03... · Brightness Perception. Title: Kuliah 03 – Color Perception Author: Yeni Herdiyeni Created Date:

9/11/2008

7

Departemen Ilmu Komputer -IPBPengantar Pengolahan Citra Digital

11 September 2008 371999-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 gg

g g

1

2

: Intensity 1

: Intensity 2

: Apparent change in brightness

g

g

g

Brightness Perception