Skip to content
Colour Wheel

Guide

What Is a Colour Wheel?

A circular diagram that arranges hues by their relationship to each other. Here is what it shows, where it came from, and how to read the twelve positions.

Definition

A colour wheel — also called a colour circle — is a diagram that places hues around a circle in order of their wavelength, or of their position between the primary colours. Because the arrangement is circular, relationships become visible as geometry: colours near each other are related, colours opposite each other are opposed.

That is the entire value of the diagram. It turns a vague question (“what goes with this?”) into a spatial one, which the eye can answer far faster than it can compare swatches side by side.

A short history

Isaac Newton is usually credited with the first circular arrangement of hues. After his prism experiments in the 1660s he noticed that the spectrum forms a continuous band that returns to its starting point, and he bent it into a circle — an idea published in Opticks in 1704.

The scheme was refined through the nineteenth century. Michel Eugène Chevreul, working at the Gobelins tapestry works in Paris, formalised the ideas of simultaneous contrast and complementary colours. In the twentieth century Johannes Itten developed the twelve-hue wheel that most art and design courses still teach, with its clear division into primary, secondary and tertiary colours.

Primary, secondary and tertiary colours

The traditional wheel is built in three layers.

  • Primary colours cannot be mixed from any others. On an artist’s wheel they are red, yellow and blue.
  • Secondary colours are made by mixing two primaries: orange from red and yellow, green from yellow and blue, violet from blue and red.
  • Tertiary colours are made by mixing a primary with an adjacent secondary: red-orange, yellow-orange, yellow-green, blue-green, blue-violet and red-violet.

Three plus three plus six gives the twelve positions of the standard wheel. Every other colour you can name is a variation of one of those positions, adjusted in lightness or saturation.

The twelve-hue chart

The values below are approximations of the traditional RYB wheel, given in HEX so you can use them on screen. They are illustrative rather than standardised — different references assign slightly different values to the same named hue.

The twelve positions of the traditional wheel, clockwise from red of the primary trio.
Approximate screen values for the traditional twelve-hue wheel. Click a swatch above to copy its value.
#HueTypeHEXRGB
1RedPrimary#E03C31rgb(224, 60, 49)
2Red-orangeTertiary#E8590Crgb(232, 89, 12)
3OrangeSecondary#FF7F11rgb(255, 127, 17)
4Yellow-orangeTertiary#F59F00rgb(245, 159, 0)
5YellowPrimary#FFD100rgb(255, 209, 0)
6Yellow-greenTertiary#94C11Frgb(148, 193, 31)
7GreenSecondary#00A651rgb(0, 166, 81)
8Blue-greenTertiary#009E8Ergb(0, 158, 142)
9BluePrimary#0057B8rgb(0, 87, 184)
10Blue-violetTertiary#4B3F9Ergb(75, 63, 158)
11VioletSecondary#7B2D8Ergb(123, 45, 142)
12Red-violetTertiary#A0286Ergb(160, 40, 110)

RYB and RGB: why there are two wheels

The traditional wheel is subtractive. It models what happens when you mix pigment: red and yellow make orange because the mixture absorbs more of the blue end of the spectrum. Its primaries are red, yellow and blue.

A screen wheel is additive. It models what happens when you add light: red and green make yellow, because the two wavelengths together stimulate the cones that perceive yellow. Its primaries are red, green and blue, and mixing all three gives white.

This is not a disagreement about colour; it is two different physical systems. Paint mixes by subtraction, light mixes by addition, and the results genuinely differ. If you are working on screen, use the interactive RGB wheel. If you are planning a painting, the traditional wheel is the better mental model.

How to read the wheel

Four readings cover almost every practical question you might ask of it.

  • Opposite means contrast. Two hues across the centre give the strongest possible pairing — complementary colours.
  • Adjacent means harmony. Neighbouring hues share most of their wavelength, which produces the calm of analogous colours.
  • Even spacing means balance. Three hues at 120 degrees give a triadic set where no colour is subordinate by geometry.
  • Distance from the centre means saturation. On most digital wheels, the rim is fully saturated and the centre is neutral grey at the same lightness.

What it does not tell you

A colour wheel says nothing about proportion, lightness or meaning. It will tell you that red and green are opposite; it will not tell you that using them in equal amounts will look like a supermarket promotion, or that the pair is the hardest one for colour-blind viewers to distinguish.

Those judgements come from the other two properties — value and saturation — and from context. The wheel is the map, not the journey.

Frequently asked questions

Who invented the colour wheel?

Isaac Newton is usually credited with the first circular arrangement of hues, published in his Opticks in 1704 after his prism experiments in the 1660s. The idea was developed through the nineteenth century by figures such as Michel Eugène Chevreul and later Johannes Itten, whose version underpins most art-school teaching today.

How many colours are on a colour wheel?

A standard artist’s wheel shows twelve: three primaries, three secondaries and six tertiaries. Digital wheels are continuous, so there are as many positions as you care to define — usually 360 hue degrees.

What is the difference between a colour wheel and a colour picker?

A colour wheel is a diagram that shows relationships between hues. A colour picker is an input control that lets you choose a value. Many pickers use a wheel as their interface, which is why the two terms are often used for the same thing — as they are on this site.

Why do art teachers and screen designers use different wheels?

Because they are modelling different things. An artist’s wheel describes pigment, which is subtractive and starts from red, yellow and blue. A screen wheel describes light, which is additive and starts from red, green and blue. Mixing paint and mixing light genuinely behave differently.

Can I print the 12-hue chart?

Yes. The chart on this page is a table, so it prints cleanly from any browser using the print command. Printed colours will not exactly match the HEX values, because ink and light are different media.

What is the colour wheel used for today?

Mostly for choosing and checking combinations: building design systems, planning illustrations, selecting interior colours, and teaching the relationships between hues. It is a decision aid rather than a rulebook.