Professional Documents
Culture Documents
GRAPHI CS AND
D I S P LAY
Introduction to Color
1/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
2/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Chromatic color
Reproducing color
3/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Color models, measurement and color gamuts for converting colors between media
why colors on your screen may not be printable, and vice-versa managing color in systems with computers, monitors, scanners, and printers color awareness
a highly interdisciplinary field that is often unpredictable and downright bizarre
We study it as a useful background for rendering and because it provides a good introduction to signal processing
also used for image processing and anti-aliasing
4/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Some objects reflect light (wall, desk, paper), while others also transmit light (cellophane, glass)
surface that reflects only pure blue light illuminated with pure red light appears black pure green light viewed through glass that transmits only pure red also appears black
5/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Achromatic Light
Achromatic light: intensity (quantity of light) only
called intensity or luminance if measure of lights energy or brightness
the psychophysical sense of perceived intensity
gray levels (e.g., from 0.0 to 1.0) seen on black and white TV or display monitors
Chromatic light
visual color sensations brightness/intensity chromaticity/color hue/position in spectrum (red, green, yellow . . .) saturation/vividness generally need 64 to 256 gray levels for continuous-tone images without contouring
6/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Gamma
Gamma () is a measure of the nonlinearities of a display
Nonlinearity: the response (output) is not directly proportional to the input
Term often used incorrectly to refer to nonlinearity of image data Example: PC monitors have a gamma of roughly 2.5, while Mac monitors have a gamma of 1.8, so Mac images appear dark on PCs
Problems in graphics
need to maintain color consistency across different platforms and hardware devices (monitor, printer, etc.) even the same type/brand of monitors change gamma value over time proper design, use of color software like ColorBlind
7/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Yet want predictability First, we deal with nonlinearity of the human visual system, then with nonlinearity of CRT (LCD is different) Eye sensitive to ratio: perceives intensities 0.10 and 0.11 as differing just as much as the intensities 0.50 and 0.55
8/88
COMPUTE R
`
GRAPHI CS AND
D I S P LAY
j +1
I I
= r
j 1
I 255 = r 255 I 0 = 1
Therefore:
( r = (1/ I0 )1/255, I j = r j I0 = (1/ I0 ) j / 255I0 = I0255 j)/ 255 (13.2)
for0 j 255
In general for n+1 intensities:
( r =(1/ I0)1/ n, I j = I0n j)/ n
for0 j n
(13.3)
Thus for
n = 3 (4 intensities) and I 0 = 1 / 8, r = 2, intensity values of 1/8, 1/4, 1/2 and 1
9/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Displaying Intensities
(1/2)
Dynamic range: ratio of maximum to minimum intensities, i.e., 1/I0 Typical on CRT anywhere from 40:1 to 200:1 => I0 between .005 and .025:
for I0 = 0.02, EQ (13.2) yields r = 1.0154595
First few, last two of 256 intensities from EQ (13.1): 0.0200, 0.0203, 0.0206, 0.0209, 0.0213, 0.0216, , 0.9848, 1.0000 Pixel values are NOT intensities: need gamma correction to compensate for nonlinearities Non-linearities in CRT
I = kN (13.4) N = number of electrons in beam, proportional to grid voltage, which is proportional to pixel value V k and are constants is typicallyin the range of 2.2 to 2.5
Therefore, for some other constant k:
I = KV
or V = ( I / K ) 1 /
(13.5)
10/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Displaying Intensities
(2/2)
Then And
V j = ROUND(( I j / K )1/ )
Ij = r j I0
if no look-up table, load Vj in pixel if look-up table, load j in pixel, Vj in entry j Number of intensities needed for appearance of continuous intensity depends on ratio: need r = 1.01 for Ij and Ij+1 to be indistinguishable:
1/ n r = (1 / I 0 )
or
1/ n 1 . 01 = (1 / I 0 )
solve for n:
n = log
1 . 01
(1 / I 0 );
1 / I 0 is dynamic
11/88
range
(13.10)
COMPUTE R
GRAPHI CS AND
D I S P LAY
Display Media
Display Media CRT Photographic prints Photographic slides Coated paper printed in B/W Coated paper printed in color Newsprint printed in B/W
ink bleeding and random noise considerably decreases n in practice Note: a mediums dynamic range (number of intensities) not same as gamut (number of visible colors it can display)
12/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
13/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
For more information: http://www.pcworld.com (the picture above is from PCworld) Or check out http://www.howstuffworks.com 14/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Chromatic Color
Hue distinguishes among colors such as red, green, purple, and yellow Saturation refers to how pure the color is, how much white/gray is mixed with it red saturated; pink unsaturated royal blue saturated; sky blue unsaturated pastels are less vivid, less intense Lightness: perceived achromatic intensity of reflecting object Brightness: perceived intensity of a self-luminous object, such as a light bulb, the sun, or a CRT Can distinguish ~7 million colors when samples placed side-by-side (JNDs Just Noticeable Diffs.) with differences only in hue, difference of JND colors are 2nm in central part of visible spectrum, 10 nm at extremes non-uniformity! about 128 fully saturated hues are distinct eye less discriminating for less saturated light (from 16 to 23 saturation steps for fixed hue and lightness), and less sensitive for less bright light
15/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Color Mixture B
The effect of (A) passing light through several filters (subtractive mixture), and (B) throwing different lights upon the same spot (additive mixture)
16/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Subtractive Mixture
blue green yellow red
green
Subtractive mixture occurs with inks for print medium, paints that absorb light. In subtractive mixture, light passed by two filters (or reflected by two mixed pigments) is wavelengths passed by first minus that which is subtracted by second. First filter passes 420 - 520 nanometers (broad-band blue filter), while second passes 480 - 660 nanometers (broad-band yellow filter). Light that can pass through both is in 480 - 520 nanometers, which appears green.
17/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Additive Mixture
Additive mixture used to mix R, G, B guns of CRT. Light passed by two filters (or reflected by two pigments) impinges upon same region of retina. Pure blue and yellow filtered light upon same portion of the screen, reflected upon same retinal region. Image is grey, not green (as in subtractive mixture).
18/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
The Channel at Gravelines (1890) by Georges Seurat Color daubs (left detail) mix additively at a distance. Pointillist technique Creates bright colors where mixing pigments darkens (subtractive) Sondheims Sunday in the Park with George with Mandy Patkins and Bernadette Peters: fantastic modern musical exploring Seurats color use and theories about light.
19/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
mixed (in correct proportion) with opposite hue on color circle. Such hue pairs are complementaries. Of particular importance are the pairs that contain four unique hues: redgreen, blue-yellow. These complementary unique hues play a role in opponent color perception discussed later Note that only for perfect red and green do you get gray CRT red and green both have yellow components and therefore sum to yellowish gray
20/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Color Contrast
Gray patches on blue and yellow backgrounds are physically identical, look different Difference in perceived brightness: patch on blue looks brighter than on yellow, result of brightness contrast. Also a difference in perceived hue. Patch on blue looks yellowish, while that on yellow looks bluish. This is color contrast: hues tend to induce their complementary colors in neighboring areas.
21/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Negative Afterimage
Stare at center of figure for about a minute or two, then look at a blank white screen or a white piece of paper Blink once or twice; negative afterimage will appear within a few seconds showing the rose in its correct colors (red petals and green leaves)
22/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Munsell color-order system set of samples in 3D space hue, value/lightness, chroma (saturation) equal perceived distances between neighbors Artists specify color as tint, shade, tone using pure, white, and black pigments; White Ostwald system is similar
Grays
Decrease saturation
Pure color
Decrease lightness
Black
COMPUTE R
GRAPHI CS AND
D I S P LAY
Psychophysics
Tint, shade, and tone: subjective. Depend on observers judgment, lighting, sample size, context Colorimetry: quantitative; measurement via spectroradiometer (measures reflected/radiated light), colorimeter (measures primary colors), etc.
Perceptual term Colorimetry term Hue Dominant wavelength Saturation Excitation purity Lightness (reflecting objects) Luminance Brightness (self-luminous objects) Luminance Physiology of vision, theories of perception still active research areas Note: our auditory and visual processing are very different! both are forms of signal processing visual processing integrates/much more affected by context more than half of our cortex devoted to vision vision probably dominant sense, though it is apparently harder to be deaf than blind
24/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Response to Stimuli
f ()
(1/3)
to indicate how much a receptor responds to light of uniform intensity for each wavelength To compute response to incoming band (frequency distribution) of light, like this:
I ( )
We multiply the curves, wavelength by wavelength, to compute receptor response to each amount of stimulus across spectrum
25/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Response to Stimuli
Response Curve
(2/3)
f ( )
Incoming Light Distribution
I ( )
Product of functions
R( )
Gray area under product curve represents how much receptor sees, i.e., total response to incoming light Lets call this receptor red, then
26/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Response to Stimuli
(3/3)
Response curve also called filter because it determines amplitude of response (i.e., perceived intensity) of each wavelength Where filters amplitude is large, lets through most of incoming signal strong response Where filters amplitude is low, filters out much/most/all of signal weak response This is much like impulse response and filtering youll see in Image Processing unit
27/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Metamers (1/4)
Different light distributions that produce the same response
Imagine a creature with one receptor type (red) with response curve like this:
f ( )
f ()
Both signals will generate same amount of red perception. They are metamers one receptor type cannot give more than one color sensation (albeit with varying brightness)
28/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Metamers (2/4)
Consider a creature with two receptors (R1, R2)
I1
I2
I1
Note that in principle an infinite number of frequency distributions can simulate the effect of I2, e.g., I1 in practice, for In near base of response curves, amount of light required becomes impractically large
29/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Metamers (3/4)
For three types of receptors, potentially infinite color distributions (metamers) that will generate identical sensations
you can test this out with the metamer applet
Conversely, no two monochromatic lights can generate identical receptor responses and therefore all look unique Thomas Young in 1801 postulated that we need 3 receptor types to distinguish gamut of colors represented by triples H, S, V (hue, saturation, value)
30/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Metamers (4/4)
For two light sources to be metamers, amounts of red, green, and blue response generated by two sources must be identical This amounts to three constraints on lights But light sources are infinitely variable one can adjust amount of light at any possible wavelength So there are infinitely many metamers
Observations:
if two people have different response curves, metamers for one person will be different from those for other metamers are purely perceptual: scientific instruments can detect difference between two metameric lights
31/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Metamers are spectral energy distributions that are perceived as same color each color sensation can be produced by an arbitrarily large number of metamers Cannot predict average observers color sensation from a distribution
32/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Colorimetry Terms
Can characterize visual effect of any spectral distribution by triple (dominant wavelength, excitation purity, luminance):
e2 Energy Density e1
Idealized uniform distribution except for e2
Dominant Wavelength
400
wavelength, nm
700
Dominant wavelength hue we see; spike of energy e2 Excitation purity = ratio of monochromatic light of dominant wavelength, white light to produce color e1 = e2, excitation purity is 0% (unsaturated) e1 = 0, excitation purity is 100% (fully saturated) Luminance relates to total energy, proportional to integral of (distribution * eyes response curve (luminous efficiency function)) depends on both e1 and e2 Note:
dominant wavelength of real distribution may not be one with largest amplitude! some colors (purple) have no dominant wavelength
33/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
* These colors are called psychological primaries because each contains no perceived element of others regardless of intensity. (www.garysgallery.com/colorprimaries.html)
34/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Receptors in Retina
Receptors contain photopigments that produce electro-chemical response; our dynamic range of light is 1011 => division of labor among receptors Rods (scotopic): only see grays, work in lowlight/night conditions, mostly in periphery Cones (photopic): respond to different wavelengths to produce color sensations, work in bright light, densely packed near center of retina (fovea), fewer in periphery Young-Helmholtz tristimulus theory1: 3 cone types, sensitive to all visible wavelengths of light, maximally responsive in different ranges Three receptor types can produce a 3-space of hue, saturation and value (lightness/brightness) To avoid misinterpretations S (short), I (intermediate), L (long) often used instead
Young proposed idea of three receptors in 1801. Hermann von Helmholtz looked at theory from a quantitative basis in 1866. Although they did not work together, theory is called Young-Helmholtz theory since they arrived at same conclusions.
1 Thomas
35/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Tristimulus Theory
Spectral-response functions of f each of the three types of cones on the human retina
Tristimulus theory does not explain color perception, e.g., not many colors look like mixtures of RGB (violet looks like red and blue, but what about yellow?)
36/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
COMPUTE R
GRAPHI CS AND
D I S P LAY
Plus
color perception strongly influenced by context, training, etc., abnormalities such as color blindness (affects about 8% of males, 0.4% of females)
38/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Stimulus intensity
Position on stimulus
Nature provides for contrast enhancement at boundaries between regions: edge detection. This is caused by lateral inhibition.
39/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
excite
I (c j ) = e(c j ) -
k j
e(c )
k k
inhibit
At boundary more excited cells inhibit their less excited neighbors even more and vice versa. Thus, at boundary dark areas even darker than interior dark ones, light areas are lighter than interior light ones. Natures edge detection
40/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Color Matching
Tristimulus theory leads to notion of matching all visible colors with combinations of red, green, and blue monospectral primaries; it almost works
b
r g
Color-matching functions, showing amounts of three primaries needed by average observer to match a color of constant luminance, for all values of dominant wavelength in visible spectrum.
Note: these are NOT response functions! Negative value of r => cannot match, must subtract, i.e., add that amount to unknown Mixing positive amounts of arbitrary R, G, B primaries provides large color gamut, e.g., display devices, but no device based on a finite number of primaries can show all colors!
41/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
z
y x
The mathematical color matching functions x y, and z for the 1931 CIE X, Y, and Z primaries. They are defined tabularly at 1 nm intervals for color samples that subtend 2 field of view on retina
42/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Color gamut for typical color monitor with XYZ color space
Note irregular shape of visible gamut in CIE space; due to eye's response as measured by response curves Range of displayable colors clearly smaller than all colors visible in XYZ space.
43/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Left: plane embedded in CIE space. Top right: view perpendicular to plane. Bottom right: projection onto (X, Y) plane (Z = 0 plane). This is called the chromaticity diagram Chromaticity Everything that deals with color (H, S), not luminance/brightness
44/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
x + y + z = 1; (x,y,z) lies on X + Y + Z = 1 plane (x, y) determines z but cannot recover X, Y, Z from only x and y. Need one more piece of data, Y, which carries luminance data
( x, y, Y ), X = 1 x y x Y, Y = Y , Z = Y y y
45/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
CIE 1976 UCS chromaticity diagram from Electronic Color: The Art of Color Applied to Graphic Computing by Richard B. Norman, 1990 Inset: CIE 1931 chromaticity diagram 46/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Plots x, y for all visible chromaticity values colors with same chromaticity map into same point regardless of luminance Spectrally pure, monochromatic colors on curve colors that are luminance-related are not shown, e.g., brown = orange-red chromaticity at low luminance infinite number of planes which project onto (X + Y + Z = 1) plane and all of whose colors differ; thus it is NOT a full color palette! illuminant C: near (but not at) x = y = z = 1/3; close to daylight
47/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Name colors Define color mixing Define and compare color gamuts
48/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Today
Recap of CIE color spacehow did we get to it? Why is it important? Other color spaces (RGB, HSV, etc.) How color spaces influence color picking How to use color: some Dos and Donts
49/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
50/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
51/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
G R
Transform f(r,g,b) functions B above to represent three new primaries (not actually visible light colors) X, Y, and Z. Why?
52/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
53/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
when two colors added, new color lies on line connecting two colors => A = tC + (1 t)B; B is spectral color, C is illuminant ratio AC/BC = excitation purity of A
54/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
COMPUTE R
GRAPHI CS AND
D I S P LAY
Color Gamuts
(1/2)
Colors add linearly in CIE: All mixture of I and J lie on the line connecting them. Thus, all possible mixtures of I, J and any third color, K, (or additional colors) lie within their convex hull. Called the color gamut.
56/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Color Gamuts
(2/2)
Smallness of print gamut with respect to color monitor gamut => faithful reproduction by printing must use reduced gamut of colors on monitor
57/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Lets see in another way why 3 (indeed n) physical primaries arent sufficient to match an arbitrary color by looking at response function
58/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Taken from Falks Seeing the Light, Harper and Row, 1986
Why would red-green and blue-yellow be useful axes to specify color with?
59/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
COMPUTE R
GRAPHI CS AND
D I S P LAY
Green
Yellow
Black
Red
Blue
Magenta
User-oriented models
HSV (hue, saturation, value) also called HSB (B for brightness) HLS (hue, lightness, saturation) The Munsell system CIE Lab
61/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
62/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
X X r Y = Yr Z Zr
Xg Yg Zg
X b R Yb G Zb B
Where Xr, Xg, and Xb are weights applied to monitors RGB colors to find X, etc. M is 3 x 3 matrix of color-matching coefficients
X = Y M Z
R G B
Let M1 and M2 be matrices to convert from two monitors gamuts to CIE M2-1 M1 converts from RGB of monitor 1 to RGB of monitor 2
63/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Solution 2: compress gamut on monitor 1 by scaling all colors from monitor 1 toward center of gamut 1
ensure that all displayed colors on monitor 1 map onto monitor 2
64/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
(minus blue)
(minus red)
Cyan
Black
Red
Blue
Magenta
(minus green)
65/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
66/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Preparing color material which may be seen on B/W broadcast TV, adjacent colors should have different Y values NTSC encoding of YIQ: 4 MHz Y (eye most sensitive to r luminance) 1.5 MHz I (small images need 1 color dimension) 0.6 MHz Q
67/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Single hexcone HSV color model. (The V = 1 plane contains the RGB models R = 1, G = 1, B = 1, in the regions shown)
Has intuitive appeal of the artists tint, shade, and tone model
pure red = H = 0, S = 1, V = 1; pure pigments are (I, 1, 1) tints: adding white pigment n decreasing S at constant V shades: adding black pigment n decreasing V at constant S tones: decreasing S and V
68/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Top of HSV hexcone is projection seen by looking along principal diagonal of RGB color
RGB subcubes are plane of constant V Code for RGB n HSV on page 592, 593 Note: linear path RGB <> linear path in HSV!
69/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Maximally saturated hues are at S = 1, L = 0.5 Less attractive for sliders or dials Neither V nor L correspond to Y in YIQ! Conceptually easier for some people to view white as a point
70/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Moving a slider almost always causes a perceptual change in the other two parameters, which is not reflected by changes in those sliders; thus, changing hue frequently will affect saturation and value, even in Photoshop! Ideally want a perceptually uniform space: two colors that are equally distant are perceived as equally distant, and changing one parameter does not perceptually alter the other two Historically, the first perceptually-uniform color space was the Munsell system
71/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Magnitude of change in one parameter always maps to the same effect on perception Basis for Graphics Group research during 1999-2001 into new color pickers (was led by ams and funded by Adobe)
72/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
73/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
CIE Lab
CIE Lab was introduced in 1976
popular for use in measuring reflective and transmissive objects
Three components:
L* is luminosity a* is red/green axis b* is yellow/blue axis
Mathematically described space and a perceptually uniform color space Given white = (Xn, Yn, Zn)
L* = 116 (Y / Yn )1/ 3 16, when Y / Yn > 0.008856 L* = 903 .292 (Y / Yn ) when Y / Yn 0.008856
a = 500( f ( X / X n ) f ( Z / Z n ))
COMPUTE R
GRAPHI CS AND
D I S P LAY
(1/2)
+ Cartesian coordinate system + linear + hardware-based (easy to transform to video) + tristimulus-based - hard to use to pick and name colors - doesnt cover gamut of perceivable colors - non-uniform: equal geometric distance => unequal perceptual distance
CIE
+ covers gamut of perceived colors + based on human perception (matching experiments) + linear + contains all other spaces - non-uniform (but variations such as CIE Lab are closer to Munsell, which is uniform) - xy-plot of chromaticity horseshoe diagram doesnt show luminance
75/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
(2/2)
(CIE cont.) Example: Photoshop Lab color model is based on CIE Lab space + based on psychological colors (y-b, r-g, w-b) - terrible interface in Photoshop * no visualization of the color space * very difficult to determine what values mean if you are unfamiliar with the space * picks colors which are out of the print gamut - primarily used as an internal space to convert between RGB and CMYK HSV + easy to convert to RGB + easy to specify colors - nonlinear - doesnt cover gamut of perceivable colors - nonuniform
76/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
77/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
COMPUTE R
GRAPHI CS AND
D I S P LAY
79/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Thus, (interpolating, transforming) (transforming, interpolating) For Gouraud shading (see Rendering unit), use any of the models because interpolants are generally so close together that interpolation paths are close together For blending two images, as in fade-in fade-out sequence or for antialiasing, colors may be quite distant
use additive model, such as RGB
If interpolating between two colors of fixed hue (or saturation), maintain fixed hue (saturation) for all interpolated colors by HSV or HLS
note fixed-saturation interpolation in HSV or HLS is not seen as having exactly fixed saturation by viewer!
80/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
81/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
82/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Specifics:
if a chart contains just a few colors, the complement of one of the colors should be used as the background use neutral (gray) background for an image with many colors separate non-harmonious colors by thin black border
Coding:
be redundant (dual coding) show reference scale color can carry unintended meanings:
bright, saturated colors stand out (may give unintended emphasis) display elements of same color may incorrectly be associated by user
83/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Blue and black, yellow and white are particularly bad combinations
dont use blue for text
For color-blind users, avoid reds and greens with low saturation and luminance Color of small objects less than 20-40 minutes of arc is not distinguishable
84/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
85/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
If you are interested in learning more about color, check out Anne Morgan Spalters book, The Computer in the Visual Arts, available on Amazon.com
86/88
COMPUTE R
GRAPHI CS AND
D I S P LAY
Map Coloring
http://www.personal.psu.edu/faculty/c/a/cab38/
87/88