Online Kleurenblindheid Simulator
7 types gesimuleerd: Normaal, Protanopie, Deuteranopie, Tritanopie, Protanomalie, Deuteranomalie en Achromatopsie.
Eigen afbeelding: Upload je eigen foto of gebruik het bijgevoegde kleurmonsterpalet.
Gesplitste weergave: Origineel vs. gesimuleerd naast elkaar in real-time.
Geen gegevens verzonden: Alle verwerking gebeurt in je browser, geen servers betrokken.
# Wat is kleurenblindheid en hoe beïnvloedt het het zicht?
Kleurenblindheid, ook wel kleurvisiestoornis of dyschromatopsie genoemd, is een aandoening die het vermogen beïnvloedt om bepaalde kleuren correct waar te nemen. Het werd voor het eerst beschreven door de Engelse chemicus John Dalton in 1798, die opmerkte dat hij en zijn broer bepaalde kleuren niet konden onderscheiden, vooral rood en groen.De aandoening wordt veroorzaakt door veranderingen in de kegeltjes van het netvlies, de fotoreceptorcellen die verantwoordelijk zijn voor het opvangen van verschillende golflengten van licht. Het menselijk oog heeft drie soorten kegeltjes: L-kegeltjes (roodgevoelig, ~570 nm), M-kegeltjes (groengevoelig, ~530 nm) en S-kegeltjes (blauwgevoelig, ~420 nm). Wanneer een of meer soorten ontbreken of gebrekkig functioneren, wordt de kleurwaarneming gewijzigd.# De 7 types van kleurenvisiestoornissen
| Type | Betrokken Kegeltje | Prevalentie (mannen) | Belangrijkste Effect |
|---|---|---|---|
| Protanopie | L (rood) afwezig | 1,01% | Verdonkerd rood, rood-groen verwarring |
| Protanomalie | L (rood) defect | 1,08% | Minder verzadigd rood |
| Deuteranopie | M (groen) afwezig | 1,27% | Rood-groen verwarring zonder verdonkering |
| Deuteranomalie | M (groen) defect | 4,63% | Meest voorkomende type, afwijkend groen |
| Tritanopie | S (blauw) afwezig | <0,01% | Blauw-groen en geel-rood verwarring |
| Tritanomaly | S (blauw) defect | <0,01% | Afwijkend blauw en geel |
| Achromatopsia | Alle kegeltjes | 0,003% | Alleen waarneming in grijstinten |
# Hoe de kleurenblindheid simulatie werkt
Deze simulator past kleurtransformatiematrices toe op de pixels van de afbeelding. Elke pixel heeft RGB-waarden (rood, groen, blauw) die wiskundig worden getransformeerd om te simuleren hoe een persoon met elk type stoornis ze zou waarnemen. De gebruikte matrices zijn gebaseerd op onderzoek door Machado, Oliveira en Fernandes (2009) en het model door Brettel, Viénot en Mollon (1997), beide breed gevalideerd in de wetenschappelijke gemeenschap.# Kleurenblindheid en toegankelijk ontwerp
- Gebruik nooit kleur alleen om informatie over te dragen: Voeg iconen, patronen of verklarende tekst toe naast elke kleurcodering.
- Zorg voor voldoende contrast: WCAG 2.1 vereist een minimale contrastverhouding van 4,5:1 voor normale tekst en 3:1 for grote tekst.
- Vermijd rood-groen combinaties: Deze zijn het meest problematisch voor de meerderheid van de kleurenblinden. Kies in plaats daarvan voor blauw-oranje of blauw-rood.
- Gebruik simulatietools in je workflow: Integreer kleurenblindheid-simulaties in je ontwerpbeoordelingen om problemen op te vangen voordat je publiceert.
- Test grafieken en kaarten: Deze visuele elementen zijn bijzonder gevoelig voor toegankelijkheidsproblemen vanwege hun afhankelijkheid van kleur.