Color and Color Model Chap. 12 Intro. to Computer Graphics, Spring 2009, Y. G. Shin
Color Interpretation of color is a psychophysiology problem We could not fully understand the mechanism Physical characteristics of color can be represented by a formal expression presentation by experimental results The concept of color Spectrum of color : discovered in 1666 by Newton Newton s prism decomposition
Physics of Light Electromagnetic spectrum: Visible spectrum : red (700nm)-violet (400nm)
The Physics of Light Some examples of the spectra of light sources A. Ruby Laser B. Gallium Phosphide Crystal 400 500 600 700 Wavelength (nm.) D. Normal Daylight # Photons # Photons Wavelength (nm.) 400 500 600 700 C. Tungsten Lightbulb # Photons # Photons 400 500 600 700 400 500 600 700 Stephen E. Palmer, 2002
The Physics of Light Some examples of the reflectance spectra of surfaces % Photons Reflected Red Yellow Blue Purple 400 700 400 700 400 700 Wavelength (nm) 400 700
Psychophysical Correspondence Mean Hue # Photons blue green yellow Wavelength Hue: indicates a characteristic related to the dominant wavelength in a mixed light wave, and represents a dominant color as perceived by a human observer Stephen E. Palmer, 2002
Psychophysical Correspondence Variance Saturation hi. high # Photons med. low medium low Wavelength Saturation ( 채도, purity, chroma): how much a color is NOT mixed with white light. Stephen E. Palmer, 2002
Psychophysical Correspondence Area Brightness B. Area Lightness Stephen E. Palmer, 2002 # Photons bright dark Luminance Wavelength the measured amount of energy perceived by an observer (Lumens) the physical measure of brightness. Stephen E. Palmer, 2002
Intensity & Brightness 300 700 200 100 700 400 400 400 400 500 300 600 600 600 300 intensity 4 3 2 1 Spectrum 100 200 300 400 500 600 700nm intensity : the amount of light, or the amount of a particular color actually reflected or transmitted from a physical object. brightness : measured intensity after it is acquired, sampled, and observed (with our eye)
Primary colors of a light Red, Green, Blue Why we choose these three Among 6-7 million cone cells of our eye 65% is sensitive to red 33% is sensitive to green 2% is sensitive to blue
Colors Magenta Light Primary color: R,G,B Secondary color Red+blue magenta Pigment Green+ Blue cyan Red+green yellow Primary color : Magenta, Cyan, Yellow Secondary colors : R, G, B Yellow These are all hardware oriented Red Green Blue Cyan
Perception purpose by a human Instead of relative amount of R,G,B, we use. The components of a human to say colors Brightness: achromatic notion of intensity Hue : Dominant wavelength in a mixture of colors Saturation: purity Hue + Saturation chromaticity of a light e.g., pink red + white
Perception purpose Tri-stimulus the amount of R, G, B lights to form a certain color Q λ = r( λ) R + g( λ) G + b( λ) B From the color matching experiment
Color matching experiment 1
Color matching experiment 1 p 1 p 2 p 3
Color matching experiment 1 p 1 p 2 p 3
Color matching experiment 1 The primary color amounts needed for a match p 1 p 2 p 3
Color matching experiment 2
Color matching experiment 2 p 1 p 2 p 3
Color matching experiment 2 p 1 p 2 p 3
Color matching experiment 2 We say a negative amount of p 2 was needed to make the match, because we added it to the test color s side. The primary color amounts needed for a match: p 1 p 2 p 3 p 1 p 2 p 3 p 1 p 2 p 3
CIE XYZ space The dominant international standard for color specification (1931, by CIE) Based on experimental results When we use R,G,B color, we have negative primaries (require adding light to the test color s side in a color matching experiment)
CIE XYZ space The following transformation [Dean B. Judd] makes color matching functions positive everywhere x( λ) = 2.7689 r( λ) + 1.7517 g( λ) + 1.1302 b( λ) y( λ) = 1.0000 r( λ) + 4.5907 g( λ) + 0.0601 b( λ) z( λ) = 0.0000 r( λ) + 0.0565 g( λ) + 5.5943 b( λ)
CIE XYZ space Normalize x( λ), y( λ), z( λ) x( λ) y( λ) z( λ) = = = x( λ) x( λ) + y( λ) + z( λ) y( λ) x( λ) + y( λ) + z( λ) z( λ) x( λ) + y( λ) + z( λ) All real colors can be represented as positive combinations of x, y since x+y+z=1
CIE chromaticity diagram encompasses all the perceivable colors in 2D space (x,y)
Color gamut : range of colors a color model can describe CIE color model is useful for comparing color gamuts for different sets of primaries.
Complementary Colors Complementary colors : together produce white color. Illuminant C (Average sunlight)
Dominant Wavelength The spectral color which can be mixed with white light in order to reproduce the desired color The dominant color of C 2 is C p
RGB Color Model Red, Green, Blue lights Additive model Used in display devices Gray scale www.mathworks.com
CMY color model Subtractive model (colors of pigments are subtracted) Used in color output devices C 1 R M 1 G = Y 1 B CMYK color model - K for black ink for reducing the amount of ink
CMYK Example
HSI color model Hue, Saturation, Intensity Hue & Saturation give a chromatic information Hue: [0,360] Saturation, Intensity : [0,1]
An RGB image of the John Moulton Barn at the base of the Teton Range, along with its h, s and l components.(from Wikipedia)
RGB-HSI Relation
HSV color model Hue, Saturation, Value Value 0-1 represents the relative brightness or gray scale information RGB color cube viewed along principal diagonal is value = 1.0 plane
RGB HSV
RGB-HSI-HSV Relation RGB HSI HSV Result (1, 0, 0) (0, 1, 0.5) (0, 1, 1) (0.5, 1, 0.5) (120, 1, 0.75) (120, 0.5, 1) (0, 0, 0.5) (240, 1, 0.25) (240, 1, 0.5)
Effective Use of Color on a Visual Display
Opponent colors go well together red-green, yellow-blue good red-yellow, green-blue poor Magenta Red Blue Yellow Green Cyan
Avoid the simultaneous display of highly saturated(pure), spectrally extreme colors. visual refocusing caused by mixing extreme color pairs causes fatigue avoid red-blue, yellow-purple [solution: avoid pairs (add white)] Pure blue should be avoided for text, thin lines, and small shapes. Fovea is blue-blind. Blue is absorbed in eye. Can't focus on blue. Blue is an excellent background color. Raster points less noticeable in blue Blue perceived clearly in peripheral vision For color-deficient observers, avoid single-color distinctions.
Color Temperatures Low color temperature implies warmer (more yellow/red) light while high color temperature implies a colder (more blue) light. Cool colors (blues, greens) useful for background Warm colors (reds, yellows) useful for foreground elements GOOD warm foreground + cool background color POOR cool foreground + a warm background color
Contrasts Greatest contrast pairs of primary colors Least contrast pairs of secondary colors Magenta GOOD POOR Red Blue Green Yellow Cyan
Complimentary contrasting pairs Secondary color + primary color that falls opposite on the wheel Magenta Red Blue Green Yellow Cyan Greatest light/dark contrast Yellow / Blue Greatest cold/warm contrast Red / Cyan Most vivid contrast Magenta / Green Greater contrast energy, clarity & sharpness Too much contrast confusing & overwhelming Lower contrast soothing & subtle Too little contrast boring & bland Copyright 2000 Cynthia D. Hollingsworth
COLOR ASSOCIATIONS & MEANINGS Red Green Blue Purple Brown White.Vibrancy, energy.growth.serenity.royalty.earthy.purity National, cultural, religious, holidays implications