Color and DesignColor Theory

Hue, Value and Saturation

Hue is the color family (red, blue). Value is how light or dark. Saturation, also called intensity or chroma, is how pure or grayed it is.

Not started Jump to practice

In Color as an Element you met the three properties of color. Each one answers a different question, and each can change while the others stay put. The painter and teacher Albert Munsell built a whole color system on three such properties in 1905; he called them hue, value and chroma.

  • Hue: the color family: red, yellow-green, blue-violet.
  • Value: how light or dark the color is.
  • Saturation (also called intensity or chroma): how pure or how grayed the color is.
Try it: keep the hue, then move value and saturation one at a time.
Row A changes only value. Row B changes only saturation: every chip has about the same lightness, as "Show in gray" proves.

Key idea

Hue is the family, value is light or dark, saturation is pure or grayed. They are separate: a color can be light and dull, or dark and strong.

Why it works

Think of a color as an address with three parts. Moving around the wheel changes the hue. Adding white or black moves the value up or down. Adding a gray of the same lightness (or a little of the complement) lowers the saturation without changing the value much.
Five colors described by their three properties.
ColorHueValueSaturation
fire-engine redredmiddlehigh
pale pinkredlightlow
navybluedarkmedium to high
oliveyellow-greenmiddle-darklow
middle graynonemiddlenone

Worked example: What changed?

A designer swaps a bright sky blue for a soft, grayish blue that looks just as light. Which property changed?
  1. The family is still blue: the hue did not change.
  2. It is just as light: the value did not change.
  3. It went from pure to grayish: the saturation went down.

Answer: Saturation.

Common mistake

Mixing up value and saturation. Pale pink is light (high value) and also low in saturation, because the white that lightens it also dilutes it. Navy is dark, yet it can still be a fairly strong blue. Ask the two questions separately: how light? how pure?

Practice

Pass with 3 right answers, the last 2 in a row. Each right answer earns 2 XP.

Loading practice…

Builds on

Leads to

Sources and further reading

@teddyrookbook GitHub