41
FUNDAMENTALS OF DIGITAL IMAGING 1 Color Representation

1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Embed Size (px)

Citation preview

Page 1: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

FUNDAMENTALS OF DIGITAL IMAGING

1

Color Representation

Page 2: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

In this lecture, you will find answers to these questions

• What is RGB color model and how does it represent colors?

• What is CMY color model and how does it represent colors?

• What is HSB color model and how does it represent colors?

• What is color gamut? What does out-of-gamut mean?

• Why can't the colors on a printout match exactly what you see on screen?

2

Page 3: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Color Models

Used to describe colors numerically, usually in terms of varying amounts of primary colors.

Common color models: RGB CMYK HSB

3

Page 4: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

RGB Color Model

Primary colors: red green blue

Additive Color System

4

Page 5: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Additive Color System

5

Page 6: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Additive Color System of RGB

Full intensities of red + green + blue = white

Full intensities of red + green = yellow

Full intensities of green + blue = cyan

Full intensities of red + blue = magenta

Zero intensities of red, green, and blue = black

6

Page 7: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Color Monitors

7

From a standard CRT monitor screen

Page 8: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

CMYK Color Model

Primary colors: cyan magenta yellow black

Subtractive Color System

8

Page 9: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Subtractive Color System of CMY

9

Page 10: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Subtractive Color System of CMY

Full intensities of cyan + magenta + yellow = black (theoretically, but in practice with inks, it is not full black)

Full intensities of cyan + magenta = blue

Full intensities of cyan + yellow = green

Full intensities of magenta + yellow = red

Zero intensities of cyan, magenta, and yellow = white

10

Page 11: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

HSB Color Model

Hue: basic color 0o to 360o : the location on a color wheel in the order of colors in a rainbow

Saturation: purity of the color how far away from the neutral gray of the

same brightness Brightness

11

Page 12: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

HSB Color Model

12

Page 13: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

HSB Color Model

13

Page 14: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

HSB Color Model

14

A slice of the color wheel from the HSB model

Page 15: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

HSB Color Model

Matches well with the way humans intuitively think about colors

For example, how would you describe this color?

15

• Would you think of it in terms of how much red, green, and blue?

• Would you first think of it as a yellowish color and then figure out the lightness and how washed out the color is?

Page 16: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Problems with RGB and CMYK Color Space

Do not encompass all the colors human can see

16

Page 17: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Color Gamuts

Refers to the range of colors of a specific system or device can produce or capture

17

Page 18: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Color Gamuts

a) Colors that human can seeb) RGB color gamut of typical CRT monitorsc) CMYK color gamut of typical inkjet printers

18

Page 19: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Color Gamuts Monitors and inkjet printers cannot reproduce all the colors that human

can see Some of the colors that monitors can reproduce cannot be reproduced

by inkjet printers. Most of these colors lie at the corners of the color gamut of the monitor, which means these are highly saturated colors.

19

Page 20: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Identifying Out-of-Gamut Colors in Images

Out-of-gamut colors will not be printed correctly.

In digital image editing programs such as Adobe Photoshop, you can tell whether a color is out of gamut based on your CMYK setting.

Click on the icon to use the closest color in gamut for printing.

20

Page 21: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Identifying Out-of-Gamut Colors in Images

Out-of-gamut colors will not be printed correctly.

In digital image editing programs such as Adobe Photoshop, you can tell whether a color is out of gamut based on your CMYK setting.

21

Page 22: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Identifying Out-of-Gamut Colors in Images

22

Page 23: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Identifying Out-of-Gamut Colors in Images

23

Click on the icon to replace the out-of-gamut color with the closest color in gamut for printing.

Page 24: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Identifying Out-of-Gamut Colors in Images

24

The out-of-gamut color is replaced with the closest color in gamut for printing.

Page 25: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Difficulties in Reproducing Colors in Digital Images

Digital devices cannot produce all of the colors visible to human ( We see about 7-10 million colors, but many can’t be digitized)

Difficulties exist in reproducing color across devices different devices have different color gamuts additive color system for screen display vs.

subtractive color system for printing

25

Page 26: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

REVIEW QUESTIONS

26

Page 27: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Review Question

What are the primary colors in the RGB color model?

27

Page 28: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Review Question

What are the primary colors in the CMY color model?

28

Page 29: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Review Question

What are the primaries in the HSB color model?

29

Page 30: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Review Question

Which of the following color models take(s) the form of a color cube?

A. RGBB. CMYC. HSBD. CIE XYZ

30

Page 31: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Review Question

Which of the following color models take(s) the form of a hexacone?

A. RGBB. CMYC. HSBD. CIE XYZ

31

Page 32: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Review Question

Which of the primaries in the HSB color model takes the form of a color wheel?

A. HueB. SaturationC. Brightness

32

Page 33: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Review Question

What is the color mixing method for the RGB color model?

A. additiveB. subtractive

33

Page 34: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Review Question

What is the color mixing method for the CMY color model?

A. additiveB. subtractive

34

Page 35: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Review Question

What are the RGB values for white?What are the CMY values for white?

35

Page 36: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Review Question

What are the RGB values for black?What are the CMY values for black?

36

Page 37: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Review Question

What are the RGB values for red?What are the CMY values for red?

37

Page 38: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Review Question

What are the RGB values for green?What are the CMY values for green?

38

Page 39: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Review Question

What are the RGB values for blue?What are the CMY values for blue?

39

Page 40: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Review Question

What are the RGB values for yellow?What are the CMY values for yellow?

40

Page 41: 1 Color Representation. What is RGB color model and how does it represent colors? What is CMY color model and how does it represent colors? What is HSB

Review Question

Why don't the colors in the printed image look exactly the same as you see on computer screen?

41