The three dimensions of color (hue, value, saturation/chroma)
Control hue, value, and saturation or chroma as separate dimensions when choosing, mixing, and adjusting color.
What it is
Color has three dimensions: hue, the color family; value, how light or dark it is; and saturation or chroma, how intense or gray it is. You can adjust each dimension separately when choosing or mixing color.
When matching a reference, hold hue steady while changing value, or lower saturation without changing lightness. When inventing color, vary value strongly with restrained saturation, or increase saturation while keeping hue nearly constant.
You can also analyze paintings through these dimensions. For example, a jacket may share a hue with its background while using a darker value and higher saturation. If an area draws too much attention, check which dimension needs adjustment.
Why it matters
Separating hue, value, and saturation or chroma helps you organize values, control saturation, and support form, focus, and mood. Weak separation can muddy edges, flatten forms, or make lighting harder to read because vivid colors can appear lighter and dull colors can appear darker.
You can check it when
- ✓Identify whether a color needs a hue, value, or saturation change, then make only that adjustment in your software.
- ✓Convert a color reference to grayscale and match its values without relying on apparent brightness or vividness.
- ✓Repaint an area with a different hue, such as changing a blue jacket to red, while keeping value and saturation consistent enough for the lighting to read.
- ✓Review thumbnails or studies for deliberate changes along each axis, such as hue shifts with organized values or strong value changes with restrained saturation.
Related skills
- Seeing value (independent of color; accurate observation; value scales)
- Temperature (warm/cool relationships; temperature shifts across form)
- Controlling saturation and chromatic complexity — avoiding muddy color
- Color relativity and simultaneous contrast
- Translating grayscale designs into color
- Adjustment layers (curves, levels, hue/saturation, gradient maps)