🔬 Colour Mixing — Additive RGB & Subtractive CMY
Explore additive (RGB light) and subtractive (CMY pigment) colour mixing side by side. Mix light spotlights to get white, or combine paints to approach black. Discover colour theory fundamentals.
About Additive & Subtractive Colour Mixing
Colour mixing operates by two fundamentally different physical mechanisms depending on whether you are combining light or pigments. Additive mixing applies to light sources: red, green, and blue (RGB) light add their wavelengths together, so combining all three at full intensity produces white. Subtractive mixing applies to paints and inks: cyan, magenta, and yellow (CMY) pigments each absorb one third of the visible spectrum, and combining all three absorbs nearly all light, producing dark brown or black. This distinction explains why a TV screen (additive) and a printed page (subtractive) require entirely different colour models.
This simulation lets you drag RGB sliders to mix coloured light sources and CMY sliders to mix pigments, observing the resulting colour in real time. You can explore why red and green light gives yellow, why complementary colour pairs cancel in subtractive mixing, and how the human eye's three cone types (S, M, L) underpin our perception of colour.
Frequently Asked Questions
Why do red and green light mix to give yellow?
The human eye has three cone types: S-cones sensitive to blue (~420 nm), M-cones to green (~530 nm), and L-cones to red (~560 nm). Yellow light (~580 nm) stimulates both L and M cones strongly. Red and green light together produce exactly the same L and M cone excitation pattern as pure yellow light, so the brain perceives the mixture as yellow even though no 580 nm photons are present — this is called metamerism.
Why does mixing all paint colours give dark brown/black?
Each pigment absorbs a portion of the spectrum: cyan absorbs red wavelengths, magenta absorbs green, and yellow absorbs blue. When all three are mixed, they collectively absorb almost all visible wavelengths, leaving little light to reflect back to the eye — hence near-black. Practical inks never absorb perfectly, so real CMY mixtures tend to produce dark muddy brown rather than true black, which is why printers add a separate black (K) ink in CMYK.
What are complementary colours?
Two colours are complementary if their additive mixture produces white (for light) or near-black (for pigments). In the RGB model, red and cyan are complementary, as are green and magenta, and blue and yellow. In colour wheel terms, complementary pairs sit opposite each other. Staring at a saturated colour for 30 seconds and then looking at a white surface produces the complementary colour as an afterimage — a result of cone adaptation.
What is the difference between RGB and CMYK colour models?
RGB (Red, Green, Blue) is an additive model used for self-luminous displays: colours are created by adding light at three wavelengths. CMYK (Cyan, Magenta, Yellow, Key/Black) is a subtractive model used in printing: inks absorb light rather than emitting it. Converting between the two is non-trivial because the gamuts (ranges of reproducible colours) are different, with CMYK typically unable to reproduce highly saturated blues and greens that an RGB display can show.
Why does a television use red, green, and blue primaries?
The choice of RGB primaries is rooted in the trichromatic nature of human colour vision: our three cone types can be independently stimulated to create the perception of any colour within the colour triangle formed by the primaries. Red, green, and blue LEDs or phosphors are chosen because they span a wide gamut while being efficiently producible. The exact chromaticities are defined by standards such as sRGB (Rec. 709) and the wider Rec. 2020 for HDR displays.
What is colour gamut?
The gamut of a colour device is the range of colours it can reproduce. On a CIE chromaticity diagram, the human visual gamut is the horseshoe-shaped region; any display or printer's gamut is a triangle or polygon within it. sRGB covers about 35% of visible colours; DCI-P3 (used in cinema) covers about 45%; Rec. 2020 covers about 76%. Colours outside a device's gamut must be "gamut-mapped" to the nearest reproducible colour.
How does colour mixing work in watercolour vs oil paint?
Watercolour is a transparent medium: pigment layers transmit light, which reflects off the white paper and passes back through the layers — true subtractive mixing. Oil paint is semi-opaque: thickly applied colours can physically blend and also scatter light, mixing both subtractively and via Kubelka-Munk light-scattering theory. This is why mixing rule predictions are less accurate for opaque paints than for inks or filters.
What is metamerism?
Metamerism is the phenomenon where two surfaces with different spectral reflectance profiles appear identical in colour under one illuminant but different under another. It arises because human colour perception depends only on the integrated responses of three cone types, not on the full spectrum. Industrial colour matching must account for metamerism by specifying the illuminant (e.g., D65 daylight) under which two samples should match.
Why is the sky blue and sunsets red?
Rayleigh scattering — the scattering of light by particles much smaller than the wavelength — is proportional to 1/λ⁴, scattering blue light (450 nm) roughly 5.5 times more strongly than red light (700 nm). The sky appears blue because scattered sunlight reaching us comes predominantly from the blue end of the spectrum. At sunset, sunlight travels through more atmosphere, so blue is scattered away and only red and orange wavelengths survive to reach the eye directly.
What is the Munsell colour system?
The Munsell system organises colours along three perceptually uniform axes: Hue (the colour wheel position, 100 steps), Value (lightness, 0–10), and Chroma (saturation). Unlike the RGB cube, Munsell spacing is designed so that equal numerical differences correspond to equal perceived differences — a property called perceptual uniformity. Modern colour science uses the CIE L*a*b* space, which is derived from similar principles and is widely used for colour difference measurement (ΔE).
Explore additive (RGB light) and subtractive (CMY pigment) colour mixing side by side. Mix light spotlights to get white, or combine paints to approach black. Discover colour theory fundamentals.
3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install