Chromaticity Diagram – In-Depth Glossary & Guide

What is a Chromaticity Diagram?

A chromaticity diagram is a two-dimensional graphical representation of the chromatic aspects of visible color—namely, hue and saturation—without regard to luminance (brightness). The most prominent chromaticity diagram is the CIE 1931 (x, y) diagram, defined by the International Commission on Illumination (CIE), which underpins the science and engineering of color.

Each point in a chromaticity diagram corresponds to a unique chromaticity: that is, a specific hue and saturation as perceived by the average human observer. The diagram’s curved boundary, the spectral locus, traces the chromaticities of pure spectral (monochromatic) light, while the straight “purple line” connects the ends, representing the nonspectral purples.

Chromaticity diagrams are essential for:

• Standardized color communication across industries (displays, imaging, lighting, manufacturing)
• Specifying and comparing device gamuts (e.g., sRGB, AdobeRGB, printers, projectors)
• Defining white points and analyzing color rendering
• Color quality control and calibration

Historical Background

The chromaticity diagram was born out of a need to objectively quantify color and ensure reproducible color matching. Nineteenth-century physicists like James Clerk Maxwell established that human color vision is trichromatic—based on three types of cone cells in the eye, each sensitive to different wavelengths (long/red, medium/green, short/blue).

In the 1920s, researchers W. D. Wright and J. Guild performed color matching experiments, asking observers to adjust mixtures of three colored lights to match test colors. Their results, standardized as the CIE 1931 Standard Observer, form the backbone of modern colorimetry.

The motivation: to create a universal, device-independent standard for color measurement, replacing subjective or inconsistent color descriptions that previously led to discrepancies across industries.

Key Concepts in Chromaticity Diagrams

Trichromacy

Normal human vision is trichromatic, modeled by three cone cell types:

• L (long-wave, red)
• M (medium-wave, green)
• S (short-wave, blue)

Any visible color can be matched by mixing three primaries in the correct proportions.

Color Matching Experiments

In classic experiments, observers visually matched a test color by adjusting three primaries. The required amounts for each wavelength gave rise to color matching functions (CMFs), which are the basis for colorimetric standards.

Color Matching Functions (CMFs)

CMFs ((\overline{x}(\lambda), \overline{y}(\lambda), \overline{z}(\lambda))) describe how much of each primary is needed to match monochromatic light at each wavelength. They are tabulated for the CIE Standard Observer, and used to compute any color’s coordinates in the XYZ system.

CIE XYZ Color Space

The CIE XYZ color space is a mathematical model where all visible colors have non-negative coordinates. The Y component matches perceived luminance. This space is foundational: all industry color spaces (sRGB, AdobeRGB, etc.) are based on CIE XYZ.

Chromaticity Coordinates (x, y)

Chromaticity coordinates are computed by normalizing XYZ values so (x + y + z = 1):

[ x = \frac{X}{X + Y + Z},\quad y = \frac{Y}{X + Y + Z} ]

These (x, y) coordinates fully specify a color’s chromaticity (hue and saturation), and are the axes of the CIE 1931 diagram.

Spectral Locus and Horseshoe Shape

The spectral locus is the diagram’s curved edge, representing pure spectral colors (380–700 nm). The straight “purple line” connects the red and violet ends, representing purples not found in the spectrum.

White Point

The white point is a reference chromaticity (like D65 for daylight, D50 for print, or the equal energy point) and anchors color balance in imaging and display systems.

Color Gamut

A gamut is the subset of colors a device can reproduce. On the diagram, a device’s gamut appears as a polygon (often a triangle for RGB devices), with vertices at the primaries’ chromaticities.

Metamerism

Metamerism occurs when different physical spectra produce the same perceived color (identical chromaticity), due to the trichromatic nature of vision. Metameric matches can fail under different lighting or observers.

Mathematical Construction

Calculating Tristimulus Values

Given a spectral power distribution (S(\lambda)), compute XYZ values:

[ X = K \int S(\lambda),\overline{x}(\lambda),d\lambda ] [ Y = K \int S(\lambda),\overline{y}(\lambda),d\lambda ] [ Z = K \int S(\lambda),\overline{z}(\lambda),d\lambda ]

Here, (K) normalizes so that Y = 100 for a perfect diffuser under the reference illuminant.

Normalizing to Chromaticity

[ x = \frac{X}{X + Y + Z},\quad y = \frac{Y}{X + Y + Z} ] Only x and y are needed for chromaticity.

Visualizing the Diagram

The diagram is plotted with x (horizontal) and y (vertical) axes. The spectral locus forms the horseshoe-shaped boundary; the purple line connects its ends. Device gamuts, white points, and illuminants are often overlaid for comparison.

Interpreting the Chromaticity Diagram

Diagram Geometry

• Boundary (Spectral Locus): Pure spectral (monochromatic) colors, labeled by wavelength
• Purple Line: Non-spectral purples, mixtures of red and violet
• Interior: All achievable color mixtures
• Saturation: Distance from the white point to the boundary
• Mixing Lines: Straight lines between points show all possible mixtures of those colors

Device Gamuts

Device gamuts (e.g., sRGB, AdobeRGB) are triangles or polygons inside the diagram. Colors outside a device’s gamut cannot be reproduced and will be approximated, sometimes with loss of vibrancy.

Applications

• Display Calibration: Ensures accurate, consistent color on screens
• Photography/Printing: Manages color reproduction from camera to print
• Lighting Design: Specifies lamp chromaticities and color rendering
• Paint/Textile Manufacturing: Quality control and color matching
• Color Science Research: Understanding human vision and color perception

Practical Example: Device Gamuts

Suppose you want to compare the color reproduction capabilities of two monitors: one covers the sRGB gamut, and the other covers AdobeRGB. By overlaying their triangles on the chromaticity diagram, you can see which monitor can display more saturated greens and cyans (AdobeRGB covers a larger area in those regions). This visualization assists buyers, manufacturers, and color professionals in device selection and calibration.

Limitations and Extensions

• The CIE 1931 diagram is not perceptually uniform: equal distances do not correspond to equal perceptual differences. Later diagrams (like CIE 1976 (u’, v’)) address this.
• The chromaticity diagram does not represent luminance, so two colors with the same (x, y) but different brightness appear as the same point.
• Actual perceived color depends on viewing conditions, observer variability, and adaptation.

Further Reading & Standards

• CIE 1931 Standard Observer Data: Available from the CIE and standards organizations (ISO 11664-1).
• CIE 1976 (u’, v’) Diagram: An improved, perceptually uniform chromaticity diagram.
• Color Science Textbooks: “Color Science” by Wyszecki & Stiles; “Measuring Colour” by Hunt & Pointer.

Summary

The chromaticity diagram is the universal language of color science. It maps all visible chromaticities for the standard observer, serves as the foundation for device calibration, color management, and scientific research, and bridges the gap between the physics of light and human perception.

Whether you’re a display engineer, lighting designer, photographer, printer, or color scientist, the chromaticity diagram is the essential tool for understanding, specifying, and controlling color in the modern world.