PK Systems PK Systems
Kleurtools

Kleurenblindheid-simulator

Bekijk een kleur door acht visuele beperkingen. Zie precies wat gebruikers met protanopie, deuteranopie, tritanopie, achromatopsie en mildere vormen waarnemen.

Kleurenblindheid-simulator

Wat is kleurenblindheid?

Kleurenblindheid — preciezer kleurenzicht-beperking genoemd — is een genetische of verworven aandoening waarbij één of meer van de drie kegeltjestypes in het netvlies ontbreekt of verschoven gevoeligheid heeft. Wereldwijd ervaart ongeveer 1 op 12 mannen en 1 op 200 vrouwen een vorm. Roodgroen-deficiëntie (deuteranopie en protanopie) is verreweg het meest voorkomend; blauwgeel (tritan) is veel zeldzamer; volledige kleurenblindheid (achromatopsie) is uitzonderlijk. Voor digitale designers betekent dit dat kleur-coderen alleen — een groene "OK"-knop en een rode "fout"-knop — voor miljoenen mensen niet werkt zoals bedoeld.

Hoe gebruik je deze simulator

Pak een kleur uit je palet in de picker, of plak een hex-code. Het grid hieronder toont hoe die ene kleur wordt waargenomen door iemand met elk van de acht beperkingen — plus een baseline "normaal zicht" referentie. Klik op een rij om de hex-code naar je klembord te kopiëren. Gebruik dit op je merkkleuren, UI-state-kleuren en grafiekenseries om er zeker van te zijn dat ze van elkaar te onderscheiden blijven voor 1-op-12 mannen en 1-op-200 vrouwen die een vorm van kleurenzicht-beperking hebben.

Designen voor kleurenzicht-beperking

Vertrouw nooit op kleur alleen om een toestand over te brengen — combineer rood/groen statusindicators met iconen (vinkje, kruis), labels of positie. Vermijd rood-op-groen en oranje-op-geel combinaties in grafiekreeksen. Gebruik blauw-oranje-paletten waar mogelijk: ze blijven visueel onderscheidend over alle veelvoorkomende vormen van kleurenzicht-beperking. Test je primaire UI-paletten en CTA-knoppen door deze tool voordat je verzendt — als ze identiek ogen onder deuteranopie of protanopie, is een toegankelijkere pairing nodig.

Hoe de simulatie werkt

Elke beperking wordt gemodelleerd als een 3×3 lineaire transformatie in lineair-licht-RGB-ruimte, afgeleid uit confusie-lijn-projecties in de LMS-kegeltjes-respons-ruimte (Brettel/Viénot 1997). De pijplijn: gamma-decodeer sRGB → vermenigvuldig met de matrix van de beperking → gamma-codeer terug naar sRGB. Achromatopsie gebruikt een ITU-Rec.709-grijswaarde-conversie. Achromatomalie blendt 60% normaal zicht met 40% achromatopsie voor de mildere variant.

Hoe vaak komt elk type voor?

Deuteranomalie komt het meest voor (~5% van mannen van Europese afkomst), gevolgd door protanomalie (~1%), daarna deuteranopie en protanopie (elk ~1%). Tritan-types samen onder de 0,01%; achromatopsie ongeveer 1 op 33.000. Vrouwen worden veel zelden getroffen door X-gekoppelde rood-groen-vormen — wereldwijd circa 0,5%.

Veelgestelde vragen

Hoe accuraat zijn deze simulaties?
Voldoende accuraat om de meeste toegankelijkheidsproblemen op te sporen. De matrices komen uit peer-reviewed visie-wetenschappelijke modellen (Brettel & Viénot, 1997) die al twee decennia de de-facto standaard zijn. Ze vervangen geen gebruikerstesten met echte mensen met kleurenzicht-beperking, maar voor design-reviews en eerste audits laten ze betrouwbaar zien welke kleurparen problematisch zijn.
Waarom zien donkere kleuren er bij alle types vrijwel identiek uit?
Kegeltjes hebben licht nodig om te vuren. Onder een bepaalde luminantiedrempel schakelen zelfs normale netvliezen over op het achromatische staafjes-systeem, dat geen tint kan onderscheiden. Kleurenzicht-beperkingen verergeren dit effect alleen op het lichte deel van het spectrum — bij donkere kleuren zien alle types ongeveer hetzelfde.
Wat is het verschil tussen -opie en -omalie?
-opie betekent dat het kegeltjestype afwezig of niet-functioneel is (dichromasie — er blijven slechts twee werkende kegeltjes-types over). -omalie betekent dat het kegeltje bestaat maar zijn gevoeligheidspiek is verschoven (anomale trichromasie — een mildere variant). Daarom hebben deuteranomalie en deuteranopie dezelfde "kleur" in de naam: beide betreffen het groene kegeltje, alleen op verschillende ernst.
Moet ik me zorgen maken om tritanopie in mijn designs?
Statistisch nauwelijks — het is verdwijnend zeldzaam. Maar dezelfde design-fixes die rood-groen-verwarring oplossen (iconen, labels, lightness-contrast, blauw-oranje paletten) dekken tritan-cases gratis af, dus inclusief bouwen voor tritan vergt geen extra werk.
Kan ik een hele afbeelding simuleren, niet alleen één kleur?
Niet in deze tool — die is geoptimaliseerd voor per-kleur-preview voor palet- en merkaudits. Voor volledige beeld-simulatie passen browser-extensies als Funkify of de Rendering-panel van Chrome DevTools dezelfde matrices toe op de hele pagina.
Verlaat de data mijn browser?
Nee. De matrices zitten in het JavaScript van de pagina en elke transformatie draait lokaal — geen analytics over welke kleuren je hebt getest, geen externe API-calls. Plak je niet-uitgebrachte merkpalet zonder zorg.