Hoe we kleur zien

Een netvlies heeft ongeveer 6 miljoen kegeltjes van maar drie soorten. Elke kleur die je ooit zag, ontstaat uit de verhouding tussen hun reacties.

Het 3D-model wordt geladen

Sleep om te draaien. Scroll of knijp om te zoomen.

Drie ideale lampen, rood, groen en blauw, schijnen op een donkere muur. Dim één lamp met een schuifregelaar en kijk hoe de overlappen veranderen. Het paneel noemt de kleur van elk gebied als hexcode.

Kleur begint met licht

Een rode appel bevat geen rood. Het zonlicht erop heeft alle zichtbare golflengten, van violet rond 400 nanometer tot dieprood rond 700. De schil absorbeert de meeste korte en middellange golven en kaatst de lange terug. Die bereiken je oog en je hersenen noemen het rood. Verander het licht en de kleur verandert mee: onder een zuiver blauwe lamp lijkt dezelfde appel bijna zwart, want er is geen langgolvig licht om terug te kaatsen.

De W3C-specificatie CSS Color formuleert het zorgvuldig. De kleur van een voorwerp hangt af van de reflectie per golflengte én het invallende licht. Bij een lichtbron zoals een scherm hangt de kleur af van de uitgestraalde hoeveelheid per golflengte. Twee voorwerpen met verschillende spectra kunnen er toch precies gelijk uitzien. Dan zeggen we dat ze dezelfde kleur hebben.

Drie soorten kegeltjes

OpenStax College Physics noemt ongeveer 6 miljoen kegeltjes in het menselijk netvlies. Er zijn drie soorten, elk het gevoeligst voor een ander golflengtegebied: lang (roodachtig), middellang (groenachtig) en kort (blauwachtig). Eén kegeltje kan niet zeggen welke kleur iets heeft; het meldt alleen hoeveel fotonen het ving. Kleur ontstaat wanneer de hersenen de drie soorten naast elkaar vergelijken.

Daarom kunnen geel licht en een mengsel van rood en groen hetzelfde lijken. Zuiver geel prikkelt lange en middellange kegeltjes ongeveer even sterk, net als rood plus groen op dezelfde plek. De kegeltjes sturen dezelfde boodschap en je ziet hetzelfde geel. Volgens OpenStax bestaat er ook niet één unieke set van drie primaire kleuren: andere werken eveneens. Rood, groen en blauw zijn handig voor schermen omdat elk vooral één kegeltjestype prikkelt.

AchtergrondIn de jaren 1660 begon Isaac Newton zonlicht door glazen prisma's in een donkere kamer te leiden. Hij liet zien dat wit licht uit een band van kleuren bestaat en dat een tweede prisma die kleuren niet verder kon splitsen. Hij publiceerde dit werk in 1704 in Opticks. In datzelfde boek boog hij de band tot een cirkel, verdeelde de rand in zeven delen in de verhoudingen van een toonladder en zette wit in het midden. Die tekening is een van de eerste kleurencirkels en elke tintcirkel in deze cursus stamt ervan af.

Wat een scherm hiermee doet

Bekijk een telefoonscherm door een loep en je ziet kleine rode, groene en blauwe elementen. Het scherm maakt nooit geel licht. Het laat rode en groene elementen naast elkaar oplichten. Ze zijn te klein om apart te zien en je lange en middellange kegeltjes reageren alsof het geel is. Zet alle drie vol aan en je ziet wit. Zet ze allemaal uit en je ziet zwart, of eigenlijk het donkere schermglas. In het model hierboven is de overlap van alle drie de lampen wit. Elk paar maakt een lichtere kleur dan elke lamp apart. Dat is de regel van licht mengen: licht toevoegen maakt het resultaat altijd helderder.

Omdat drie getallen genoeg zijn om te beschrijven wat de kegeltjes doorgeven, zijn drie getallen ook genoeg om een schermkleur te beschrijven. De rest van deze cursus draait om die drie getallen: ze ordenen in een ruimtelijke vorm die je kunt draaien, kleuren kiezen die bij elkaar passen en controleren of een kleur leesbaar is tegen haar achtergrond.

Jaren 1660: Newton splitst zonlicht met prisma's.
1704: Opticks verschijnt met een zevendelige kleurencirkel.
rond 1722: Le Blon beschrijft driekleurendruk in Coloritto.
1861: Maxwell toont een kleurenfoto uit drie gefilterde beelden.
2018: WCAG 2.1 wordt een W3C-aanbeveling.

Belangrijkste punten

Voorwerpen reflecteren golflengten; schermen stralen uit. Beide bereiken het oog als spectrum.
Het netvlies heeft ongeveer 6 miljoen kegeltjes van drie soorten.
Verschillende spectra lijken gelijk bij dezelfde prikkeling van de kegeltjes.
Schermen mengen rood, groen en blauw licht; alle drie vol aan lijken wit.

Waarom lijkt een rode appel rood in zonlicht?
- Hij reflecteert vooral lange golflengten
- Hij maakt rood licht
- Hij absorbeert rood licht
- Zonlicht is rood
Hoeveel miljoen kegeltjes heeft een netvlies volgens OpenStax ongeveer?
Hoeveel kegeltjestypen heeft een gemiddeld menselijk oog?
Rood en groen licht overlappen op een witte muur. Welke kleur zie je?
- Geel
- Bruin
- Blauw
- Zwart
Wat zie je als rood, groen en blauw licht vol op dezelfde plek schijnen?
- Wit
- Zwart
- Grijsbruin
- Paars
Een appel wordt alleen door een zuiver blauwe lamp verlicht. Hoe ziet hij eruit?
- Heel donker, bijna zwart
- Felrood
- Paars
- Geel
Twee lichten hebben andere spectra maar lijken gelijk. Wat zegt CSS Color 4?
- Ze hebben dezelfde kleur
- Eén ervan is fout
- Ze kunnen niet bestaan
- Ze hebben andere kleuren
In welk jaar verscheen Newtons Opticks?
In hoeveel delen verdeelde Newton de rand van zijn kleurencirkel?
- 7
- 3
- 12
- 6
Waarom gebruiken schermen rood, groen en blauw als primaire kleuren?
- Elk prikkelt vooral één kegeltjestype
- Het zijn de enige mogelijke primaire kleuren
- Het zijn de goedkoopste kleurstoffen
- Newton koos ze

Bronnen van deze cursus (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).

Geraadpleegd: 2026-10-17