Do these 3 things before closing this tab:
1Clear out junk files and repair common Windows errors2Scan for outdated or missing drivers - takes under a minute3Repair Windows errors before they cause bigger problemsThatPainter is reader-supported. When you buy through links on our site, we may earn an affiliate commission. Learn More
Color saturation is the perceived strength or vividness of a color relative to its brightness. A highly saturated red looks intense and pure; lowering its saturation makes it look more muted and eventually gray in models such as HSL. Saturation is different from hue (which identifies the color family) and lightness or brightness (which describes how light or dark it is).
As an Amazon Associate I earn from qualifying purchases.
Saturation in plain English
The International Commission on Illumination (CIE) defines saturation as “colourfulness of an area judged in proportion to its brightness.” In practical terms, it answers: How strong does this color look for its level of lightness?
Free tools Windows power users keep installed
One-click scans. No signup required.
A saturated color contains a strong chromatic impression. A desaturated color has less apparent color and looks closer to gray, while keeping its general hue when the adjustment is made in a color model that separates these controls.
#1 Best Overall
Hue, saturation and lightness are different controls
- Hue: the color family or position around a color circle, such as red, yellow, green or blue.
- Saturation: the strength of the color relative to its brightness, from grayish to vivid.
- Lightness: how close the color is to black or white.
In the HSL model, saturation at 0% produces gray, while 100% is the model’s fully saturated endpoint. HSL lightness runs from 0% (black) to 100% (white), with 50% as its midpoint. These are editing coordinates, not a promise that equal percentage changes will look equally strong for every hue or display. See the W3C HSL explanation.
A simple HSL example
Hold hue and lightness steady and move only saturation. At a low value, the color becomes muted; at 0%, it is gray. Raising saturation increases its chromatic appearance toward the model’s 100% endpoint. Change lightness instead and you move the color toward black or white without directly changing the saturation setting.
Saturation in common color models
| Model or context | What the control is called | Endpoint behavior | What to keep in mind |
|---|---|---|---|
| HSL | Saturation and lightness | 0% saturation is gray; 100% is fully saturated in the model. Lightness 0% is black and 100% is white. | A convenient representation for specifying colors, not perceptually uniform. |
| HSB/HSV | Saturation and brightness | Adobe describes saturation from gray (0) to fully saturated (100), with brightness from black (0) to white (100). | Brightness is a separate dimension from saturation; do not treat the two sliders as interchangeable. |
| CIE color-appearance terminology | Saturation and chroma | Not expressed as one universal percentage scale. | Saturation is judged relative to brightness; chroma is judged relative to a similarly illuminated gray, white or highly transmitting area. |
Formally, CIE defines chroma as “colourfulness of an area judged as a proportion of the brightness of a similarly illuminated area that appears grey, white or highly transmitting.” Software and everyday speech sometimes use “chroma” as if it meant saturation, but the terms are not interchangeable in formal color-appearance work.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
Why a saturation percentage is not universal
A value such as 40% belongs to a particular model and implementation. It does not guarantee the same perceived vividness across different hues, screens, paints or lighting conditions. The CIE notes that perceived color also depends on factors including spectral distribution, the size and structure of the stimulus, its surround, observer adaptation and experience (CIE perceived-color entry).
For painters, this means a pigment mixture that is numerically or verbally described as “less saturated” may not look equally muted under warm studio light, daylight or a different surrounding palette. Judge the actual color in its intended context.
How to adjust saturation in digital tools
- Choose the color model that matches your task. For a screen color, an HSL or HSB control can separate color strength from lightness or brightness. Photoshop also offers RGB, Lab, CMYK and hexadecimal entry for different workflows.
- Change saturation while watching the color itself. Lower the value when you need a quieter, grayer appearance; raise it when you need a stronger chromatic effect.
- Adjust lightness or brightness separately. A color can be vivid but dark, or pale but light. Moving the brightness-related control is not the same as changing saturation.
- Check the result in context. Surrounding colors, the display and viewing conditions can alter the apparent strength.
Adobe’s documented picker lets users select HSB and adjust saturation and brightness independently, or enter colors through RGB, Lab, CMYK or hex controls. Interface labels can change between product versions; the current workflow is described in Adobe’s Color Picker guide.
Rank #4
- Used Book in Good Condition
Using saturation while painting
To make a color less vivid
Lower its saturation in a digital model, or mix toward a more neutral appearance when working with paint. Keep the intended hue and value in view: adding black or white changes value, and a mixture can shift hue as well as reduce chroma.
The Tool Desk
Outbyte PC Repair FREEClear out junk files and repair common Windows errorsFree Scan →Outbyte Driver Updater FREEScan for outdated or missing drivers - takes under a minuteDriver Scan →To make a color appear stronger
Increase saturation where the composition needs emphasis, but compare it with neighboring colors. A moderately saturated passage can appear vivid beside neutrals, while the same mixture may look subdued beside highly chromatic colors.
Best Value
When matching a reference
Separate three judgments: identify the hue family, compare lightness or value, then assess color strength. This prevents correcting a brightness mismatch by changing saturation, or muting a color when the real problem is that it is too light or too dark.
Quick Recap
Common misunderstandings
- “Saturation means brightness.” No. Saturation concerns color strength relative to brightness; brightness or lightness is a separate axis.
- “100% saturation looks equally vivid for every color.” No. It is the endpoint of a selected model, not a universal perceptual measurement.
- “Saturation and chroma are exact synonyms.” Not in CIE terminology. Their reference conditions differ.
- “A slider predicts how an object will look everywhere.” No. Viewing conditions, surrounding colors, adaptation and the display or lighting environment affect perception.
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
