What is color saturation?
Saturation describes the intensity and purity of a color. It refers to how much a color is mixed with other colors (especially gray) which affects how vivid or muted it appears. A highly saturated color is rich, pure, and vibrant, while a less saturated color contains more gray and appears softer or duller. In simple terms, the more a color is diluted or mixed, the lower its saturation; the cleaner and more vivid the color, the higher its saturation.
Physics: single wavelet?
In physics, saturation refers to the intensity or purity of light at a specific wavelength. A highly saturated light contains a narrow range of wavelengths, making the color appear pure and vivid. When multiple wavelengths are mixed together, especially with white or gray light, the color becomes less saturated and appears more washed out. In optics and vision science, saturation is one of the key properties used to describe perceived color, alongside hue and brightness.
saturation in color theory?
In color theory, saturation describes how vivid, rich, or muted a color appears in relation to gray. A fully saturated color looks bold and pure, while a desaturated color appears softer, duller, or closer to neutral gray. Artists and designers use saturation to create mood, emphasis, contrast, and visual hierarchy. Increasing saturation can make colors feel energetic and attention-grabbing, while lowering saturation often creates a calmer or more subtle visual effect.
Saturation vs Chroma
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.
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 saturation?
In the Negarity library, saturation is calculated by first converting the color from RGB to the HSV color space and extracting the S (Saturation) component. In HSV, saturation measures how far a color is from gray relative to its brightness and is computed as
where () and the RGB components are normalized to the range (). The resulting value ranges from 0 (completely desaturated) to 1 (fully saturated) and is typically expressed as a percentage
Read how we calculate the saturation in Negarity Color library.
References
- https://cie.co.at/eilvterm/17-22-073
- https://en.wikipedia.org/wiki/Colorfulness