What is color chroma?

Chroma describes how vivid, intense, or colorful a color appears compared to a neutral gray or white under the same lighting conditions. In color science, the CIE often refers to this perceptual quality as colorfulness. Unlike simple RGB saturation, chroma is tied to human visual perception, meaning it is not just a physical property of the color itself but also depends on how we see it in context. Because of this, chroma is both subjective and influenced by environmental factors such as illumination, surrounding colors, and visual adaptation.

Physics: single wavelet?

Chroma is a perceptual quantity, so its measurement is based on how a human observer experiences color rather than on a purely physical property of light. In practice, color science models chroma using formulas designed to approximate the response of an average person with normal color vision. Because of this, chroma is not an absolute property of the physical world, but a perceptual interpretation of colorfulness. Physically, light can be described by wavelengths and energy distributions, while chroma represents how vivid or intense those stimuli appear to the human visual system.

chroma in color theory?

In color theory, chroma refers to the perceived strength or purity of a color. It describes how far a color appears from a neutral gray of the same lightness, making it an important dimension of visual intensity and expression. Colors with low chroma appear muted, soft, or washed out, while colors with high chroma appear vivid, rich, and highly saturated. Artists, designers, and color scientists use chroma to control visual emphasis, mood, harmony, and contrast. Unlike hue, which identifies the color family, or lightness, which describes brightness, chroma captures the degree of colorfulness perceived by the human eye.

Chroma vs Saturation

Although saturation and chroma both describe the intensity of a color, they measure it relative to different references. Chroma in the CIELAB/LCh color space represents the absolute distance of a color from the neutral gray axis, describing its colorfulness relative to a similarly illuminated white. A higher chroma means the color is farther from gray, regardless of its brightness level. In contrast, HSV saturation measures the purity of a color relative to its own brightness. It compares the difference between the maximum and minimum RGB channels and normalizes this difference by the color’s value (brightness). Therefore, a dark red and a bright red can have similar chroma but different perceived saturation, while HSV saturation describes how much of the available brightness is occupied by color rather than gray.

Color palette png sticker, art

chroma asks “How far is this color from neutral gray under the same illumination?”, while saturation asks “How colorful is this color compared with its own brightness?”

How to calculate chroma?

To calculate chroma, we first convert the color into the CIELAB color space, where colors are represented using lightness (L*), a green–red axis (a*), and a blue–yellow axis (b*). Chroma is then computed as the geometric distance of the color from the neutral gray center in the a*b* plane using the formula C=a2+b2C^* = \sqrt{{a^*}^2 + {b^*}^2}​. This produces a perceptual measure of how vivid or colorful the color appears. Since raw CIELAB chroma values are not naturally limited to a fixed range, UI systems often normalize them into a practical 0–100 scale for sliders and controls. A common approach is to divide the computed chroma by an approximate maximum value, such as 150 for the sRGB gamut, and clamp the result between 0 and 100. This creates a more intuitive representation where 0 corresponds to neutral gray and values near 100 represent extremely vivid colors.

Read how we calculate the chroma in Negarity Color library.

References

  • https://cie.co.at/eilvterm/17-22-074
  • https://en.wikipedia.org/wiki/Colorfulness