How we see color
A retina holds about 6 million cones of only three kinds, and every colour you have ever seen is a mix of how strongly those three kinds respond.
Drag to turn. Scroll or pinch to zoom.
Colour starts as light
A red apple does not contain red. Sunlight that hits it carries every visible wavelength, from violet at around 400 nanometres to deep red near 700. The skin of the apple absorbs most of the short and middle wavelengths and sends the long ones back. Those long wavelengths reach your eye, and your brain names the result red. Change the light and the colour changes with it: under a pure blue lamp the same apple looks almost black, because there is no long-wavelength light for it to send back.
The CSS Color specification from the W3C puts this carefully. The colour of an object depends on how much light it reflects at each wavelength and on the light that falls on it. The colour of something that gives off light, such as a screen, depends on how much light it emits at each wavelength. Two objects with different spectra can still look exactly the same, and when they do, we say they have the same colour.
Three kinds of cone
OpenStax College Physics counts about 6 million cones in the human retina. There are three types, and each type is most sensitive to a different range of wavelengths: one to long (reddish) light, one to middle (greenish) light and one to short (bluish) light. A single cone cannot tell you the colour of what it sees. It only reports how many photons it caught. Colour appears when the brain compares the three kinds side by side.
That is why yellow light and a mix of red and green light can look identical. Pure yellow light excites the long and middle cones about equally. So does red light plus green light shone on the same spot. The cones send the same message, and the brain sees the same yellow. OpenStax also points out that there is no single, unique set of three primaries: other sets work too. Red, green and blue are simply a convenient set for screens because each one drives mostly one kind of cone.
What a screen does with this
Look at a phone screen through a magnifying glass and you will see tiny red, green and blue elements. The screen never makes yellow light. It lights the red and green elements next to each other, they are too small to see apart, and your long and middle cones respond as they would to yellow. Turn all three up and you see white. Turn them all off and you see black, or rather the dark glass of the screen. In the model above, the centre where all three lights overlap is white, and each pair makes a lighter colour than either light alone. That is the rule for mixing light: adding lights always makes the result brighter.
Because three numbers are enough to describe what the cones report, three numbers are enough to describe a colour on a screen. The rest of this course is about those three numbers: how to arrange them in a solid you can turn around, how to pick colours that go together, and how to check that a colour can be read against its background.
- 1660s: Newton splits sunlight with prisms.
- 1704: Opticks is published, with a seven-part colour circle.
- about 1722: Le Blon describes three-colour printing in Coloritto.
- 1861: Maxwell shows a colour photograph made from three filtered images.
- 2018: WCAG 2.1 becomes a W3C Recommendation.
- Objects reflect some wavelengths; screens emit light. Both reach the eye as a spectrum.
- The retina has about 6 million cones of three kinds.
- Different spectra can look identical when they excite the cones the same way.
- Screens mix red, green and blue light; all three at full strength look white.
- Why does a red apple look red in sunlight?
- It reflects mostly long wavelengths
- It produces red light
- It absorbs red light
- Sunlight is red
- About how many million cones are in a human retina, according to OpenStax?
- How many types of cone does a typical human eye have?
- Red light and green light overlap on a white wall. What colour do you see?
- Yellow
- Brown
- Blue
- Black
- What do you see when red, green and blue lights all shine at full strength on the same spot?
- White
- Black
- Grey-brown
- Purple
- An apple is lit only by a pure blue lamp. How does it look?
- Very dark, almost black
- Bright red
- Purple
- Yellow
- Two lights have different spectra but look exactly the same. What does CSS Color 4 say about them?
- They have the same colour
- One of them is wrong
- They cannot exist
- They have different colours
- In what year was Newton's Opticks published?
- Into how many parts did Newton divide the edge of his colour circle?
- 7
- 3
- 12
- 6
- Why do screens use red, green and blue as primaries?
- Each mostly drives one kind of cone
- They are the only possible primaries
- They are the cheapest dyes
- Newton chose them
Sources for this course (14)
- W3C, Web Content Accessibility Guidelines (WCAG) 2.2, relative luminance (0.04045 threshold, note on the pre-May-2021 value 0.03928)
- contrast ratio (L1 + 0.05) / (L2 + 0.05)
- range 1:1 to 21:1, SC 1.4.1 Use of Color, 1.4.3 Contrast (Minimum) 4.5:1 and 3:1 for large-scale text (18 pt, or 14 pt bold)
- 1.4.6 Contrast (Enhanced) 7:1 and 4.5:1, 1.4.11 Non-text Contrast 3:1, WCAG 2.1 published June 2018 (w3.org/TR/WCAG22/)
- W3C, CSS Color Module Level 4, hex notation, hsl with 0deg red, 120deg green, 240deg blue, hsl(60deg 100% 50%) yellow vs hsl(240deg 100% 50%) blue at the same HSL lightness, hue spacing not perceptually uniform, HSL as a cylindrical model (w3.org/TR/css-color-4/)
- OpenStax College Physics 2e, 26.3 Color and Color Vision: about 6 million cones of three types, red + green gives yellow, no unique set of primaries (openstax.org/books/college-physics-2e/pages/26-3-color-and-color-vision)
- OpenStax Introduction to Behavioral Neuroscience, 6.2 The Retina: RGB pixels, CMY inks plus black, red-green colour blindness in about 8% of males (openstax.org/books/introduction-behavioral-neuroscience/pages/6-2-the-retina)
- Smithsonian Libraries, Color in a New Light, The Science of Color: Newton's prism experiments from the 1660s, Opticks 1704, Le Blon's Coloritto (London, about 1722) and the distinction between material colours and coloured light (library.si.edu/exhibition/color-in-a-new-light/science)
- The Newton Project (University of Oxford)
- Opticks 1704, Book I Part II Prop. VI: colour circle divided into seven parts in musical proportion, white at the centre (newtonproject.ox.ac.uk/view/texts/normalized/NATP00034)
- History of Information and Wikimedia Commons file record, Maxwell's 1861 Royal Institution demonstration, tartan ribbon photographed by Thomas Sutton through red, green and blue filters and projected together (historyofinformation.com/detail.php?id=3666)
- LibreTexts, Coalinga College Drawing Basics 8.4 Color Theory: complementary, analogous, split-complementary, triadic, tetradic (human.libretexts.org)
- RMIT Colour Theory, Interactive colour wheel and colour relationships (rmit.pressbooks.pub/colourtheory1)
- University of Delaware Library, Graphic Design guide, Color Schemes, 60/30/10 rule (guides.lib.udel.edu/design/color).
Checked: 2026-10-17