VIS-110 · Lesson 9 of 12 · 24 min
Describing and reproducing color: models, spaces and gamuts
Once light has been captured, color must be represented as numbers, processed, stored, transmitted and finally reproduced on a screen or a print. Each step uses a particular way of describing color, and each device can reproduce only a limited range of colors. Mismatches between these descriptions are the cause of familiar problems: images that look dull when uploaded, prints that do not match the screen, skies that band into steps, and footage that looks washed out in one program and correct in another. This lesson explains additive and subtractive color, the RGB and CMYK models, hue-saturation-lightness descriptions, the CIE system and chromaticity diagram, color spaces and gamuts such as sRGB, Display P3 and Rec. 2020, transfer functions and gamma, bit depth and banding, perceptual color difference, and the basics of color management and calibration.
Additive and subtractive color
Additive color mixes light. Red, green and blue light combine to make white; red and green make yellow, green and blue make cyan, and blue and red make magenta. Screens, projectors, LED walls and camera sensors work additively. Subtractive color mixes inks, dyes or filters that absorb light. Cyan absorbs red, magenta absorbs green and yellow absorbs blue, so mixing all three ideally absorbs everything, giving black. Printing uses cyan, magenta, yellow and black (CMYK), with black ink (K) added because real CMY inks make a muddy dark brown rather than a clean black and because black ink is cheaper and sharper for text. Painters' traditional red-yellow-blue wheel is a historical subtractive approximation.
Hue, saturation and lightness
RGB and CMYK values describe how devices make colors, not how people think about them. Perceptual descriptions use three attributes:
- Hue: the color family, such as red, orange, yellow, green, blue or purple, arranged around a color wheel.
- Saturation (or chroma): the purity or intensity of the color, from gray to vivid.
- Lightness (or value, brightness): how light or dark the color is.
Models such as HSL and HSV (HSB) rearrange RGB values into these attributes for color pickers and editing tools, though they are not perceptually uniform: a fully saturated yellow and a fully saturated blue with the same HSL lightness look very different in brightness. Color grading and photo editing software often provides hue-saturation-luminance controls that let image makers adjust, for example, only the saturation of greens or the luminance of oranges (skin tones).
The CIE system
To describe color independently of any device, the International Commission on Illumination (CIE) defined in 1931 a set of color-matching functions based on experiments with human observers, from which any spectrum can be converted to three values, X, Y and Z. Y corresponds to luminance. Normalizing X and Y by the total gives chromaticity coordinates (x, y), which can be plotted on the CIE chromaticity diagram: a horseshoe-shaped region containing every color humans can see, with pure spectral colors along the curved edge and white near the middle. The blackbody curve runs through the diagram, marking color temperatures (Lesson 7), and standard white points such as D65 (about 6,500 K, used for displays and video) and D50 (about 5,000 K, used in printing) are marked on it.
Later CIE models such as CIELAB (L*, a*, b*) were designed to be more perceptually uniform: equal distances represent roughly equal perceived differences. L* is lightness, a* runs from green to red and b* from blue to yellow, echoing the opponent channels of vision (Lesson 8). Color differences are expressed as ΔE; a ΔE around 1 is about the smallest difference a trained observer can notice side by side, and values under 2 to 3 are often acceptable for product color matching.
Color spaces and gamuts
A color space defines exactly what RGB numbers mean: the chromaticities of its three primaries, its white point and its transfer function. The range of colors it can represent, shown as a triangle on the chromaticity diagram, is its gamut. Common spaces include:
| Color space | White point | Typical use |
|---|---|---|
| sRGB | D65 | Web, most computer displays and consumer images |
| Rec. 709 (BT.709) | D65 | HD video; same primaries as sRGB |
| Adobe RGB (1998) | D65 | Photography for print, wider greens and cyans |
| DCI-P3 and Display P3 | DCI white / D65 | Digital cinema projection; modern phones and laptops |
| Rec. 2020 (BT.2020) | D65 | UHD and HDR video; very wide gamut |
| ProPhoto RGB and ACES | D50 / about D60 | Editing and archiving with very large gamuts |
Colors outside a device's gamut cannot be reproduced exactly and must be mapped into it, which can shift or desaturate them. A vivid cyan sky or saturated orange flower captured by a camera may be outside sRGB, so it looks less vivid on the web than on a wide-gamut display, and may print differently again.
Transfer functions and gamma
Camera sensors respond linearly to light: twice the photons give twice the signal. Human perception of lightness is not linear (Lesson 3), and storing linear values efficiently would waste most of the available codes on bright tones. Video and image formats therefore apply a transfer function that allocates more code values to darker tones. Traditional displays use a gamma curve, with an exponent of about 2.2 to 2.4 (sRGB uses a piecewise curve close to 2.2; BT.1886 specifies 2.4 for HD video viewing). Cameras also offer log encodings, curves that record a wide dynamic range in a flat-looking image for later grading, and high dynamic range video uses curves such as PQ (Perceptual Quantizer, SMPTE ST 2084) and HLG (Hybrid Log-Gamma), which represent much higher brightness levels, up to thousands of nits.
Mismatched transfer functions cause many visible errors: log footage viewed without a conversion looks gray and flat; an image tagged with the wrong gamma looks too dark or washed out.
Bit depth and banding
Bit depth determines how many levels each channel can represent: 8 bits give 256 levels per channel (about 16.7 million combinations), 10 bits give 1,024 and 12 bits give 4,096. Smooth gradients such as skies, studio backdrops and shadows can show visible steps (banding) when too few levels are available, especially after strong grading or compression. Higher bit depths, 10-bit or more for professional video and 16-bit for photographic editing, allow heavy adjustments without banding; adding a small amount of noise (dithering) also hides banding.
Worked problem
Levels across a gradient
A sky gradient spans only 30 % of the luminance range across 3,000 pixels of an image. How many distinct levels per channel are available in 8-bit and 10-bit, and how wide is each band in pixels?
Show solution
- 8-bit: 30 % of 256 ≈ 77 levels; 3,000 ÷ 77 ≈ 39 pixels per step.
- 10-bit: 30 % of 1,024 ≈ 307 levels; 3,000 ÷ 307 ≈ 10 pixels per step.
- Steps 39 pixels wide can become visible bands after grading or compression; 10-pixel steps are far less noticeable.
Answer: About 77 levels in 8-bit versus 307 in 10-bit. Higher bit depth keeps gradients smooth.
Color management
Color management keeps colors consistent from capture to output. Each device is characterized by a profile (in photography, usually an ICC profile) that describes its color behavior; software converts colors between profiles so that, for example, an image edited on a calibrated display prints with predictable colors. Key practices include:
- Calibrate and profile displays regularly with a hardware calibrator, setting the white point (usually D65), brightness and gamma appropriate to the work.
- Edit in a controlled environment with neutral surroundings and consistent, moderate lighting.
- Keep track of color spaces: tag files with their color space and convert deliberately when delivering (for example to sRGB for the web).
- For print, soft-proof with the printer's profile and choose a rendering intent (perceptual or relative colorimetric) to handle out-of-gamut colors.
- In video, follow the delivery specification (Rec. 709, P3 or Rec. 2020 with a given transfer function) and use color-managed pipelines such as ACES for complex productions.
Color pipelines in practice
A typical photography workflow captures raw files, processes them in a wide-gamut working space such as ProPhoto RGB or Adobe RGB at 16 bits, edits on a calibrated display, and exports to sRGB for the web or to a printer's profile for print. A typical video workflow captures in a camera log format, views through a LUT that converts to Rec. 709 for monitoring, grades in a color-managed environment (often ACES or the grading software's own managed space), and delivers in the specified format, Rec. 709 for standard broadcast or Rec. 2020 with PQ or HLG for HDR streaming.
Most problems arise at the hand-offs: a file exported without a color space tag, a LUT applied twice, footage interpreted with the wrong transfer function, or a display set to the wrong mode. A short checklist at each hand-off, confirming color space, transfer function, bit depth and LUT status, prevents most of them.
Choosing settings for delivery
Before starting a project, find out where the images will be seen: social media, websites, broadcast, cinema, print, or several of these. The delivery requirements determine the color space, bit depth, transfer function and file format needed, and therefore influence capture settings. Capturing in a wider gamut and higher bit depth than the delivery requires keeps options open, as long as conversions are done carefully at the end.
Understanding these technical foundations does not require memorizing every standard. The essential habits are to know what color space and transfer function each file uses, to keep wide gamut and high bit depth through editing, to view on calibrated displays, and to convert deliberately for each delivery. With those habits, color remains predictable from capture to audience.
When problems do occur, a systematic check of each stage, capture settings, file tags, software interpretation, display mode and export settings, usually reveals the cause quickly.
Common color space mistakes
Several mistakes recur so often that they deserve a checklist. Uploading a wide-gamut image without converting to sRGB can make it look dull or oversaturated, depending on the viewer's software. Exporting video with mismatched color tags can make it look washed out or too contrasty on some players, a long-standing problem with certain editing and playback combinations. Editing on a wide-gamut laptop display without color management can make colors look more saturated than they will appear to most viewers. Applying a LUT designed for one camera's log curve to another camera's footage produces incorrect colors. And grading HDR footage on a standard display gives no accurate view of highlights.
Avoiding these mistakes requires little more than awareness and consistent habits: check the color settings at each stage, keep reference images, and test the final output on several typical devices before delivery.
Calibration in practice
Display calibration uses a colorimeter or spectrophotometer placed against the screen while software displays test patches. The software measures the display's actual colors and builds a profile, or adjusts the display's internal settings, so that it shows colors accurately according to the chosen standard. Professional displays for color grading are recalibrated regularly, often monthly or more, and checked against reference patterns. Even for students, a basic calibrator greatly improves consistency between editing and final viewing.
Common mistakes
MistakeAssuming RGB numbers mean the same thing everywhere.
InsteadKnow and tag the color space of every file.
MistakeViewing log footage without a conversion.
InsteadApply the correct transform or LUT for viewing.
MistakeGrading skies heavily in 8-bit files.
InsteadUse 10-bit or higher for heavy grading.
MistakeEditing on an uncalibrated monitor.
InsteadCalibrate and profile displays regularly.
MistakeExpecting wide-gamut colors to survive sRGB delivery unchanged.
InsteadPreview and adjust for the delivery gamut.
Summary and key terms
- Additive RGB mixes light; subtractive CMYK mixes inks that absorb light.
- Hue, saturation and lightness describe colors perceptually; HSL and HSV are convenient but not uniform.
- CIE XYZ and the chromaticity diagram describe color independently of devices; CIELAB and ΔE measure differences.
- Color spaces define primaries, white point and transfer function; gamuts range from sRGB to Rec. 2020.
- Transfer functions (gamma, log, PQ, HLG) allocate code values efficiently.
- Bit depth controls levels and banding; 10-bit and above suit heavy grading.
- Color management uses profiles, calibration and controlled viewing for consistent results.
- Additive color
- Color produced by mixing light.
- Subtractive color
- Color produced by inks or filters absorbing light.
- Hue
- The color family.
- Saturation
- The purity or intensity of a color.
- Chromaticity diagram
- A plot of all visible colors by chromaticity.
- White point
- The color defined as white in a color space.
- Gamut
- The range of colors a space or device can reproduce.
- Transfer function
- The curve relating code values to light levels.
- Bit depth
- The number of bits per channel, setting the number of levels.
- ICC profile
- A file describing a device's color behavior.
Practice problems
Work each problem on paper first, then reveal the answer to check.
What do red and green light make additively?
Show answer
Yellow.
Why does printing use black ink?
Show answer
CMY make muddy dark brown; black is cleaner and cheaper.
Name the three perceptual attributes of color.
Show answer
Hue, saturation and lightness.
What does the CIE chromaticity diagram show?
Show answer
All colors visible to humans by chromaticity.
What ΔE is about the smallest noticeable difference?
Show answer
About 1.
Which color space is used for the web?
Show answer
sRGB.
Which space is used for UHD and HDR video?
Show answer
Rec. 2020.
Why does log footage look flat?
Show answer
It uses a log transfer function for later grading.
How many levels does 10-bit provide per channel?
Show answer
1,024.
Name three color management practices.
Show answer
Calibrate displays, tag color spaces, soft-proof prints.
Lesson quiz · 5 questions
Score 60% or more to complete this lesson.
Create a free account to save your progress, take quizzes and earn a certificate.