Presentation is loading. Please wait.

Presentation is loading. Please wait.

Chi-Cheng Lin, Winona State University CS430 Computer Graphics Color Theory.

Similar presentations

Presentation on theme: "Chi-Cheng Lin, Winona State University CS430 Computer Graphics Color Theory."— Presentation transcript:

1 Chi-Cheng Lin, Winona State University CS430 Computer Graphics Color Theory

2 2 Topics l Colors l CIE Color Model l RGB Color Model l CMY Color Model l YIQ Color Model l Intuitive Color Concepts l HSV Color Model l HLS Color Model

3 3 Colors l Colors zA narrow frequency band within the electromagnetic spectrum

4 4 Colors l Visible band zEach frequency corresponds to a distinct color zLow-frequency end (4.3 x Hz): Red zHigh-frequency end (7.5 x Hz): Violet zWavelength = v/f, where v=300,000km/sec zLow frequency High frequency red orange yellow green blue violet Long wavelength Short wavelength 700nm400nm

5 5 Colors l Colors of an object zLight source emits white light (all frequencies of light) zObject reflects/absorbs some frequencies zColor = combination of frequencies reflected l Dominant wavelength (or frequency) zHue or color of the light zE.g., pink S( ): spectrum (luminance/intensity of light)

6 6 CIE Color Model l Color models zUse three primary colors to produce other colors l Primary colors zColors used in a color model to produce all the other colors in that model. zCannot be made from the other (two) colors defining the model. l CIE color model zX, Y, and Z: nonexistent, super saturated colors yVectors in 3-D additive color space zAny color S = AX + BY + CZ

7 7 CIE Color Model l S = AX + BY + CZ can be normalized to zx = A/(A+B+C) zy = B/(A+B+C) zz = C/(A+B+C) s = xX + yY + zZ, where x + y + z = 1 s lies in the plane x + y + z = 1 in 3D =400 =670 x z y

8 8 CIE Color Model l CIE chromaticity diagram zs'( ) = (x( ), y( )) zBy viewing the 3D curve in an orthographic projection, looking along the z-axis zhorseshoe shape =400 =670 x z y

9 9 CIE Chromaticity Diagram

10 10 CIE Chromaticity Diagram

11 11 Uses of CIE Chromaticity Diagram

12 12 Uses of CIE Chromaticity Diagram l Any colors on the line l between two colors a and b zIs a convex combination of a and b zIs a legitimate color zcan be generated by shining various amounts of a and b onto a screen (like tweening) l Complementary colors zAny two colors on a line passing through white and added up to be white are complementary e.g., e and f zred cyan green magenta blue yellow

13 13 Uses of CIE Chromaticity Diagram l Measure dominant wavelength and saturation zColor g: Some combination of h and white zDominant wavelength of g = wavelength at h zSaturation (purity) of g = (g - w) / (h - w) l Color j has no dominant wavelength because k is not a pure color (k lies on the purple line) zRepresented by dominant wavelength of ks complement m, with by a c suffix, e.g., 498 c

14 14 Uses of CIE Chromaticity Diagram l Any color within a triangle can be generated by the three vertices of the triangle zAny point inside IJK is a convex combination of points I, J, and K

15 15 Uses of CIE Chromaticity Diagram l Define color gamuts zRange of colors that can be produced on a device l CRT monitors gamut is different from printers (See Plate 33 in the textbook) l Any choice of three primaries can never encompass all visible colors l RGB are natural choices for primaries as they can cover the largest part of the horseshoe

16 16 Gamut Example

17 17 RGB Color Model l Used in light emitting devices zColor CRT monitors l Additive zResult = individual contributions of each primary color added together zC = rR + gG + bB, where r, g, b [0, 1] zR = (1, 0, 0) zG = (0, 1, 0) zB = (0, 0, 1)

18 18 RGB Color Model

19 19 RGB Color Model l Color Cube zR + G = (1, 0, 0) + (0, 1, 0) = (1, 1, 0) = Y zR + B = (1, 0, 0) + (0, 0, 1) = (1, 0, 1) = M zB + G = (0, 0, 1) + (0, 1, 0) = (0, 1, 1) = C zR + G + B = (1, 1, 1) = W z1 – W = (0, 0, 0) = BLK zGrays = (x, x, x), where x (0, 1)

20 20 Color Cube

21 21 CMY Color Model l CMY: Complements of RGB l Used in light absorbing devices zHardcopy output devices l Subtractive zColor specified by what is subtracted from white light zCyan absorbs red, magenta absorbs green, and yellow absorbs blue

22 22 CMY Color Model

23 23 CMY Color Model l W = (0, 0, 0) B = (1, 1, 1) l Conversion from RGB to CMY l Conversion from CMY to RGB

24 24 CMYK Color Model l Motivations zDo we get black if paint cyan, magenta and yellow on a white paper? zWhich cartridge is more expensive? l CMYK model zK = greatest gray that can be extracted l Given C, M, and Y zK = min(C, M, Y) zC = C – K zM = M – K zY = Y – K Try some examples…

25 25 YIQ Color Model l Used in U.S. commercial color-TV broadcasting zRecoding of RGB for transmission efficiency zBackward compatible with black-and-white TV zTransmitted using NTSC (National Television System Committee) standard

26 26 YIQ Color Model l YIQ zY: luminance zI, Q: chromaticity zOnly Y shown in black-and-white TV l RGB YIQ

27 27 YIQ Color Model l Humans visual properties zMore sensitive to changes in luminance than in hue or saturation more bits should be used to represent Y than I and Q zLimited color sensation to objects covering extremely small part of our field of view One, rather than two color dimensions would be adequate I or Q can have a lower bandwidth than the others

28 28 YIQ Color Model l NTSC encoding of YIQ into broadcast signal zUses humans visual system properties to maximize information transmitted in a fixed bandwidth zY: 4MHz zI: 1.5MHz zQ: 0.6MHz

29 29 Intuitive Color Concepts l Terminology Perceptual TermColorimetryComments huedominated wavelength to distinguish colors saturationexcitation purity e.g., red and pink Lightness (reflecting objects) luminance Brightness (self- luminous objects) luminancee.g., Sun, CRT

30 30 Intuitive Color Concepts zTint: white pigment added to pure pigment saturation reduced zShade: black pigment added to pure pigment lightness reduced zTone: consequence of adding both white and black pigments to pure pigments tints shades pure color white black grays tones

31 31 Intuitive Color Concepts l Tints, shades, and tones different colors of same hue are produced l Grays = black pigments + white pigments l Graphics packages that provide color palettes to users often employ two or more color models

32 32 HSV Color Model l HSV = Hue, Saturation, and Value zA.k.a. HSB, where B is Brightness l RGB, CMY, and YIQ: hardware-oriented l HSV and HLS: user-oriented l Cylinder coordinate system zSpace: hexcone zhexagon is obtained from the color cube in isometric projection z(h, s, v), where h [0, 360) and s, v [0, 1] yhue: angle round the hexagon ysaturation: distance from the center yvalue: axis through the center

33 33 HSV Color Model Color CubeHexcone

34 34 HSV Color Model l W = (-, 0, 1) l B = (-, 0, 0) l R = (0, 1, 1) Y = (60, 1, 1) : M = (300, 1, 1) l Adding white pigments S l Adding black pigments V l Creating tones S and V

35 35 HSV Color Model l True color system: 16 million colors l Q: Do we need that many? l Human eyes can distinguish z128 hues z130 tints (saturation levels) z23 shades of yellow colors, 16 of blue colors 128 x 130 x 23 = colors

36 36 HLS Color Model l HLS: Hue, Lightness, and Saturation l Cylinder coordinate system zSpace: double cone zbase is from the hexagon as in HSV z(h, l, s), where h [0, 360) and s, v [0, 1] yhue: angle round the base ylightness: axis through the center ysaturation: distance from the center l W = (-, 0, 1) l B = (-, 0, 0) l R = (0, 0.5, 1), Y = (60, 0.5, 1), …

37 37 HLS Color Model l Double cones pure color white black h

Download ppt "Chi-Cheng Lin, Winona State University CS430 Computer Graphics Color Theory."

Similar presentations

Ads by Google