Colour Theory on Screen

The wheel, the harmonies, warm and cool light, why colours lie about each other, and how colourists, compositors and production designers use all of it to tell a story.

Colour · Grading · 12 min

Every frame of a film is a stack of colour decisions: the paint on a wall, the coat on an actor, the gel on a lamp, the last nudge of a grading wheel. The street above runs through six of them. The buildings, the lamp and the figure never move; only the relationships between the colours change, and each one tells the viewer something different before a word is spoken. **Colour theory is the vocabulary for those relationships.** This post walks through it the way filmmakers and compositors meet it: on the wheel, in the light, in the grade and across a whole story. Every picture is drawn live in your browser, so you can push the colours yourself.

Hue, saturation, value

Any colour on a screen can be described by answering three plain questions. Which colour is it? That is **hue**, its position around the wheel, measured in degrees from red at 0° through green at 120° to blue at 240°. How strong is it? That is **saturation**, the distance from grey at the centre of the wheel to the pure colour at its rim. How bright is it? That is **value**, or brightness. Colourists, production designers and compositors all reach for these three numbers, even when their software calls them something else.

There are two colour wheels, and they disagree. Painters learned the **red-yellow-blue (RYB)** wheel, on which the opposite of red is green and the opposite of blue is orange. Light works on the **red-green-blue (RGB)** wheel, the one inside every camera sensor, monitor and grading panel, and there the opposite of red is cyan and the opposite of blue is yellow. Both are useful. RYB is still how many costume and art departments talk about paint and fabric, while every grading wheel and vectorscope uses the RGB arrangement. When someone says "complementary", it is worth asking which wheel they mean.

The two wheels come from two ways of mixing. **Light adds**: a red lamp and a green lamp on the same white wall make yellow, and red, green and blue together make white. **Paint, dye and filters subtract**: each one removes part of the light that falls on it, so cyan, magenta and yellow layered together approach black. On set both happen at once. A gel in front of a lamp is subtractive, stripping away the wavelengths it does not pass, and the coloured beams it leaves then add together where they overlap on the set.

Rules of the wheel

A **harmony** is a geometric rule on the wheel: pick one hue and the rule decides where the others sit. None of them is a law, but each produces a recognisable feeling, which is why designers use them as starting points. Drag the handle around the wheel below and switch between the six classic rules. The street repaints itself, with the first hue going to the figure's coat and the lamp, and the others to the sky, the walls, the windows and the road.

**Complementary** colours sit directly opposite each other and give the strongest contrast the wheel can offer. Side by side, each makes the other look more intense, so a subject in one hue jumps forward from a background in its complement. The slider below keeps the coat's colour fixed and swings the background's hue from a near neighbour all the way round to the opposite side. The measured colour difference between coat and background climbs as the gap widens, and so does the sense that the figure stands apart from the world. *Amélie* (2001) builds its whole look on red against green.

**Analogous** colours are neighbours: three hues within about 60° of each other, such as red, orange and yellow, or blue, teal and green. They read as calm and unified because nature makes them all the time, in golden-hour light, autumn leaves and deep water. The danger is that a subject dressed in the same family melts into the background. The fix is **value**. In the pair below the hues are identical, but on the right the coat is much lighter than the wall behind it, and the greyscale version underneath shows why the figure now stands out.

**Triadic** harmony takes three hues spaced 120° apart, and **split complementary** takes one hue plus the two neighbours of its opposite. Both feel lively and playful, which makes them common in animation, comedy and musicals. They are also easy to overdo. Give all three hues equal weight and the frame turns noisy, so designers usually let one hue dominate, a second support it and the third appear only as an accent. The bars under each frame count how many of its pixels actually fall into each hue.

**Monochromatic** schemes use one hue at many strengths and brightnesses. They feel like a mood more than a place: a cold blue night, a sickly green, a sepia memory. *The Matrix* (1999) tints the world inside its simulation green and the real world blue, so the audience always knows where they are without being told. Turn the hue slider below and the whole street changes its emotional temperature. Even the face is pulled into the colour, which is a large part of why monochrome looks feel so strange.

Warm and cool

Warm and cool colours are named after light. Heat a piece of metal and it glows red, then orange, then yellow-white, then bluish-white. The temperature in kelvins (K) at which an ideal glowing body matches a light's colour is that light's **colour temperature**. A candle sits around 1,900 K, a studio tungsten lamp at 3,200 K, midday daylight around 5,600 K and open shade under a blue sky at 10,000 K and above. The scale runs backwards from what the words suggest: the higher the number, the cooler and bluer the light looks.

A camera has no idea what white is until it is told. **White balance** sets which colour temperature the camera treats as neutral, and everything else shifts around it. In the scene below the street lamp is tungsten at 3,200 K and the evening sky is around 7,000 K. Balance the camera for tungsten and the lamp looks white while the sky turns deep blue; balance for the sky and it goes neutral while the lamp burns orange. Neither is wrong. Cinematographers choose the balance that gives the scene the feeling they want.

Many memorable night exteriors mix temperatures on purpose: warm practical lights against a cool ambient sky. The contrast gives the frame depth and separates spaces, so a warm window feels like shelter and the blue street outside feels exposed. Gaffers measure the gap in **mireds** (one million divided by the kelvin value), because equal mired steps look like roughly equal colour shifts, and colour-correction gels are rated in mireds for the same reason. Set the two lights below and watch the gap.

Colours lie about each other

The eye judges every colour against its neighbours. A grey patch on an orange background looks cool and bluish; the identical grey on a teal background looks warm. Josef Albers built a whole course on this **simultaneous contrast** and called colour "the most relative medium in art". It is a daily problem for colourists and compositors judging a shot inside a brightly coloured interface, and it is why grading suites are painted neutral grey. Press the button below to join the two squares and see that they were the same all along.

Hues are not equally bright either. At full strength, pure yellow looks almost as bright as white while pure blue looks dark, even though a colour picker says both are at 100% value. The eye is most sensitive to green light and least to blue, and video standards build that into the maths: **Rec. 709 calculates luminance as 21% red, 72% green and 7% blue.** The chart below shows how much luminance each hue really carries at the same "full" setting.

Because HSV ignores those differences, palettes built in it jump in brightness from hue to hue. **Perceptual colour spaces** such as CIELAB and the newer OKLab (with its polar form, OKLCH) separate lightness from colour, so a ramp of hues at one lightness really does look equally bright. That matters whenever a set of colours must hold together: a title sequence, character colours in an animated film, the coloured overlays in a VFX breakdown. Compare the two hue ramps below, their greyscale versions, and the lightness line under each.

Contrast of saturation is one of the strongest tools in the box. In a muted frame, the single saturated element becomes the subject, whatever its size. *Schindler's List* (1993) is shot in black and white, except for a little girl's red coat, and the audience follows her through the crowd without being shown where to look. Lower the saturation of the world below and the coat takes over the frame.

Colours also carry different visual weight. Goethe gave the primary and secondary colours brightness values, and Johannes Itten turned those values into proportions: because yellow is three times as bright as violet, a balanced frame gives violet three times the area. Red and green are equally strong, so they balance at equal areas. Production designers use the same idea by instinct, keeping the brightest, warmest colours small and letting the darker, cooler ones fill the space.

Colour after the camera

The colour grade is where most of these choices are finished. Every grading application offers the same three primary controls, usually drawn as wheels: **lift** moves the shadows, **gamma** moves the midtones and **gain** moves the highlights. Pushing a wheel toward a hue adds that hue to its part of the image and removes the opposite one. Drag the pucks below; the vectorscope beside the image shows the colours spreading around its centre as you push.

The **vectorscope** is the colourist's colour wheel. Each pixel lands at an angle that gives its hue and at a distance from the centre that gives its saturation. Human skin of every complexion falls close to a single line between red and yellow, the **skin tone line**, because skin differs far more in how dark it is than in its hue. That gives colourists a fixed reference: they can push the world almost anywhere as long as faces stay near the line. Shift the hue of the whole frame below and watch the face pixels (orange) leave the line, and the face start to look ill.

**Secondary corrections** change one colour without touching the rest. A hue-versus-hue curve rotates only the hues near a point you choose: drag the point up or down and the red coat turns purple or orange while the street stays put. But the curve cannot tell a coat from a cheek of a similar hue, which is why the face drifts too. Colourists solve that with a qualifier or a window that limits the change to one object; tick the box to do the same.

Colour that has to match

Compositors meet a part of colour theory painters never had to: the maths of mixing. Images are usually stored with a gamma curve that spends more code values on the shadows, so averaging two stored values does not average the light. Blend red and green in stored values and the mix goes dark and muddy; blend them in **linear light**, where values are proportional to the light that hit the sensor, and the mix is the bright yellow a camera would see where two lamps overlap. Nuke works in linear for this reason, and blurs, defocus and dissolves all look more like the real thing there.

Matching a CG element to a plate is colour theory in reverse: read the plate's light and give the element the same. Compositors check three things in order: the **black level**, the **white level** and then the **colour of the light**. A CG ball rendered under neutral studio light with perfect blacks looks stuck on, however good the model is. Light it with the scene's warm lamp and cool sky, match its darkest values to the plate's, add a contact shadow, and it sits in the street. The bars measure each channel's black and white points in the plate and in the ball.

Colour across a film

Films plan colour across the whole story, not shot by shot. At Pixar, artists paint a **colour script**: a strip of small paintings, one per sequence, that maps the emotional arc in colour before production begins. Lou Romano's colour script for *The Incredibles* (2004) is one of the best known. The strip below is a small colour script for our street, and the chart underneath measures each panel's warmth, saturation and brightness, so the arc can be read as data: warm and calm at home, colder and darker in the middle, red at the climax, and a softer warmth on the way back.

Colour can also tell the audience which story they are in. *Traffic* (2000) gives its Mexican storyline a hot, overexposed yellow and its Washington and Ohio storylines a cold blue, so cuts between them need no captions. *Hero* (2002) retells one fight several times, each version in its own dominant colour. Squeeze every shot of a film into a single column of its average colour and these choices show up as stripes. The barcode below is made from an invented three-strand film in that style.

What a colour means is learned, not built in. Red signals danger and love in much of the West, luck and celebration in China, and is the traditional bridal colour in India. White is the colour of weddings in one culture and of funerals in another. Films build their own meanings on top of these by repetition: when a colour keeps returning with a character or an idea, the audience learns what it means within that film. The table below lists common associations as tendencies, not rules.

Where colour lives

The ideas are the same in every application; only the names change. DaVinci Resolve's Color page puts primary wheels (Lift, Gamma, Gain and Offset), curves, qualifiers and scopes side by side. In Nuke, the Grade node handles the black and white point matching from Part 6, with ColorCorrect and HueCorrect for range-limited and per-hue work. Premiere Pro and After Effects carry the same tools in Lumetri Color, Baselight offers them for high-end finishing, and Adobe Color builds palettes from the same harmony rules shown in Part 2. The panels below are simplified drawings of those controls, not screenshots.

The short version: choose a harmony for the feeling, protect the value contrast that separates the subject, mix temperatures to separate spaces, keep skin near the skin tone line, mix in linear light, and plan the colour across the whole film rather than one shot at a time. The table puts the six harmonies side by side, each with the street painted in it.

Sources and further reading

  • Johannes Itten, *The Art of Color* (1961) and *The Elements of Color* (1970)
  • Josef Albers, *Interaction of Color* (Yale University Press, 1963)
  • Johann Wolfgang von Goethe, *Theory of Colours* (1810)
  • Patti Bellantoni, *If It's Purple, Someone's Gonna Die: The Power of Color in Visual Storytelling* (Focal Press, 2005)
  • Amid Amidi, *The Art of Pixar: The Complete Color Scripts* (Chronicle Books, 2011)
  • ITU-R Recommendation BT.709 (luminance coefficients)
  • Björn Ottosson, "A perceptual color space for image processing": bottosson.github.io (2020)
  • Tanner Helland, colour temperature to RGB approximation (used for Fig. 10 to 12)
  • Films: *The Wizard of Oz* (1939), *Schindler's List* (1993), *The Matrix* (1999), *Traffic* (2000), *Amélie* (2001), *Hero* (2002), *The Incredibles* (2004)

*All figures are illustrations drawn in your browser from one painted street at dusk, not film stills or screenshots of any software. The charts, scopes and readouts are measured from the rendered pixels; the barcode in Fig. 24 is an invented film. Software control names follow each maker's documentation as of October 2026.*

Back to the blog