37
1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of Communication Engineering National Taiwan University, Taipei, Taiwan, ROC 1

1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

Embed Size (px)

Citation preview

Page 1: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

1

Color and Color Space

Presenter: Cheng-Jin KuoAdvisor: Jian-Jiun Ding, Ph. D.

ProfessorDigital Image & Signal Processing Lab

Graduate Institute of Communication EngineeringNational Taiwan University, Taipei, Taiwan, ROC

1

Page 2: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

2

Outline

Introduction Additive Color Mixing Subtractive Color Mixing Newton Color Circle & Maxwell

Triangle System of Color Measurement Color Space

Page 3: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

3

1.Introduction

Three Characteristics of Color:

hue brightness: the luminance of the

object saturation: the blue sky

Page 4: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

4

1.Introduction

Wavelength of the light

Page 5: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

5

2.Additive Color Mixing

The mixing of “light” Primary: Red, Green, Blue The complementary color “White” means

Page 6: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

6

2.Subtractive Color Mixing

The mixing of “pigment” Primary: Cyan, Magenta, Yellow The complementary color Why black?

Page 7: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

7

2.Subtractive Color Mixing

Why? Pigments absorb light

Thinking: the Color Filters Question: Yellow + Cyan=?

Page 8: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

8

3.Newton Color Circle

Newton Color Circle

A tool to predict color mixing

hue : saturation :

Page 9: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

9

3.Newton Color Circle

Full saturated

Question: How do we

make a color having the same saturation as Cyan does?

Page 10: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

10

4.Maxwell Triangle

Connecting the GB

The negative component of Red?

Page 11: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

11

4.Maxwell Triangle

Spectral Locus

Spectral Color Full saturated

color

Page 12: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

12

5.The CIE System

CIE 1931 XYZ system One of the color spaces The first mathematical defined

color space Three parameter: X, Y, Z or Y (brightness), x, y (chroma)

Page 13: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

13

5.The CIE System

CIE Chromaticity Diagram

Spectral Locus Parameter x, y

Page 14: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

14

5.The CIE System

How do we get the parameters from a specified color or object?

The spectral power distribution of the illuminant:

spectral reflectance factor of the object :

Matching function:

( )S

( )R ( )x ( )y ( )z

Page 15: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

15

5.The CIE System

( ) ( ) ( )u

l

X k x S R

( ) ( ) ( )u

l

Y k y S R

( ) ( ) ( )u

l

Z k z S R 100

( ) ( )u

l

ky S

Page 16: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

16

5.The CIE System

Y: the brightness The chroma parameter x, y :

Xx

X Y Z

Yy

X Y Z

Page 17: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

17

6.Color Measurement System

Why do we order colors? Color Order system Trichromatic theory by Hermann

von Helmholtz The concept of color space So what are the three parameters?

Page 18: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

18

6.Color Measurement System

Color order systems:

Munsell Color System Natural Color System(NCS)

Page 19: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

19

7.Munsell Color System One of the Oldest color order systems The three main parameters: Munsell Hue (H) : five primary:5R, 5Y, 5G, 5B, 5P Munsell Value (V) : the brightness scale from 0(black)~10 Munsell Chroma (C) : from /0~/14

Page 20: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

20

7.Munsell Color System

The examples of color expression:

5GY 8/2 : Hue:5GY Value:8 Chroma:2

Page 21: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

21

8.Natural Color System (NCS) Six important value: r, y, g, b, s (black), w (white) Summing up the six values always get

100 Hue (Ф) : Y90R : r=90%, y=10% Blackness (s) Chromaticness (c) C=r + y + g + b

Page 22: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

22

8.Natural Color System (NCS)

Y

G R

G50Y Y50R

B50G R50B

Y20RY10R

Y90R

Page 23: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

23

8.Natural Color System (NCS) If the color data

is: 10% whiteness 30% blackness 30% yellowness

30% redness S=30, c=r+y=60 Ф=Y50R 3060-Y50R

Page 24: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

24

9.Color Space

Color Space: RGB YCbCr (YPbPr) YUV YIQ CMYK A comparison of them

Page 25: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

25

9.Color Space

What is color space? A 3D model used to define a

specified color The difference between color

spaces: The choice of axes

Page 26: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

26

9.Color Space – RGB

RGB: The simplest color space Axes: Red, green, blue Advantages: simple

Page 27: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

27

9.Color Space – YCbCr &YPbPr

YCbCr & YPbPr Used for: digital video encoding,

digital camera Axes: Y: luma Cb: blue chroma Cr: red chroma

Page 28: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

28

9.Color Space – YCbCr &YPbPr

Conversion from RGB: Y=0.299(R-G) + G + 0.114(B-G) Cb=0.564(B-Y) Cr=0.713(R-Y)

The Matrix form:

0.299 0.587 0.114

0.168636 0.232932 0.064296

0.499813 0.418531 0.081282

Y R

Cb G

Cr B

Page 29: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

29

9.Color Space – YCbCr &YPbPr

Why do we use the luma & chroma channel?

Advantage: Bandwidth efficiency

Page 30: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

30

9.Color Space – YUV

YUV Used for: video encoding for some

standard such as NTSC, PAL, SECAM Axes: Y: luma U: blue chroma V: red chroma

Page 31: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

31

9.Color Space – YUV

Conversion from RGB: Y=0.299R+0.587G+0.114B U=0.436(B-Y)/(1-0.114) V=0.615(R-Y)/(1-0.299)

The Matrix form:

0.299 0.587 0.114

0.14713 0.28886 0.436

0.615 0.51499 0.10001

Y R

U G

V B

Page 32: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

32

9.Color Space – YIQ YIQ Used for: video encoding for some

standard such as NTSC Axes: Y: luma I: blue chroma Q: red chroma I-Q channels are rotated from the U-V

channels in YUV

Page 33: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

33

9.Color Space – YIQ

Conversion from RGB:

0.299 0.587 0.114

0.595716 0.274453 0.321263

0.211456 0.522591 0.311135

Y R

I G

Q B

Page 34: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

34

9.Color Space – CMYK

Used for: printer printing Use the subtractive color mixing Axes: Cyan Magenta Yellow K: black

Page 35: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

35

9.Color Space – CMYK

Conversion from RGB:

C = 255 -Y - 1.4021(Cr-128) M = 255 - Y + 0.3441(Cb-128) + 0.7142(Cr-128) Y = 255 - Y - 1.7718(Cb -128) K = min (C, M, Y)

Page 36: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

36

9.Color Space – Comparison

Color space

Color mixing

Primary parameters

Used for Pros and cons

RGB Additive Red,Green, Blue

Easy but wasting bandwidth

CMYK Subtractive Cyan, Magenta, Yellow, Black

Printer Works in pigment mixing

YCbCrYPbPr

additive Y(luminance), Cb(blue chroma), Cr(red chroma)

Video encoding, digital camera

Bandwidth efficient

YUV additive Y(luminance),U(blue chroma), V(red chroma)

Video encoding for NTSC, PAL,

SECAM

Bandwidth efficient

YIQ additive Y(luminance),I(rotated from U),Q(rotated from V)

Video encoding for NTSC

Bandwidth efficient

Page 37: 1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of

37

References [1] R. G. Kuehni, Color Space and Its Divisions,

Wiley Inter-Science, 2002 [2] P. Green, L.MacDonald, Colour Engineering,

Wiley, 2002 [3] R. W. G. Hunt, Measuring Colour, Ellis

Horwood, 1995 [4] H. J. Durrett, Color and The Computer,

Academic, 1987