Colour theory · Palettes · Design inspirationPractical guides for everyday creativity
Colour Theory · PRACTICAL GUIDE

Hue, Value, and Saturation: The Three Dimensions of Colour

Learn the three essential attributes of colour and how changing each one affects a design.

ColourMatching EditorialUpdated 12 November 20268 min read
Hue, Value, and Saturation: The Three Dimensions of Colour — colour matching reference photograph
In brief: Learn the three essential attributes of colour and how changing each one affects a design. This guide explains the core idea, practical ways to apply it, and common considerations to check before making a final choice.

Hue: the colour family

Hue is the attribute people usually name first: red, blue, green, yellow, and so on. Changing hue moves a colour around the colour spectrum. When matching colours, hue helps establish whether two colours feel related or deliberately contrasting.

Value: lightness and darkness

Value describes how light or dark a colour appears. A palette with a wide value range is often easier to read because important elements can stand apart. In a user interface, for example, text and its background need sufficient light-dark difference to remain legible.

Saturation: intensity

Saturation describes how vivid or muted a colour appears. Highly saturated colours can feel energetic and attention-grabbing. Lower-saturation colours often feel softer or more understated. Reducing saturation is a useful way to make several different hues feel like they belong together.

Adjust one dimension at a time

When a palette feels wrong, identify the problem before changing everything. If the colours feel unrelated, adjust hue. If the composition lacks hierarchy, adjust value. If the result feels too loud, reduce saturation. This simple diagnostic approach makes colour refinement more deliberate.

Frequently asked questions

What is hue?

Hue is the colour family or position of a colour on a colour spectrum.

Is value the same as brightness?

In everyday design language they are closely related, although technical colour models define lightness and brightness in specific ways.

How do I make a colour less saturated?

Move it towards a more neutral version of itself or adjust its saturation in a colour editor.

Keep exploring

Browse more colour theory guides or return to the ColourMatching.com home page for more practical colour resources.