Simulator voor kleurenblindheid
Simuleer hoe kleuren eruitzien voor mensen met protanopie, deuteranopie, tritanopie en achromatopsie. Plak maximaal 100 kleuren en bekijk een tabel met hex-waarden voor elk type kleurzichtbeperking, berekend met het model van Machado, Oliveira en Fernandes in culori, plus een instelling voor de ernst van de mildere afwijkende vormen. Handig om paletten, grafieken, kaarten en statuskleuren te controleren voordat ze worden uitgebracht.
Veelgestelde vragen
Welke vormen van kleurenblindheid worden gesimuleerd?
Protanopie (geen werkende rode kegeltjes), deuteranopie (geen groene kegeltjes), tritanopie (geen blauwe kegeltjes) en achromatopsie (geen kleurenzicht). Onder 100% ernst worden de kolommen genoemd naar de afwijkende vormen: protanomalie, deuteranomalie, tritanomalie en achromatomalie.
Welk model wordt gebruikt?
Voor de drie typen kegeltjes wordt het fysiologisch gebaseerde model van Machado, Oliveira en Fernandes (2009) gebruikt, met de vooraf berekende matrices die culori bevat. De matrices worden toegepast op lineair licht-RGB, zoals het model voorschrijft, waarna het resultaat wordt omgezet naar sRGB. Bij achromatopsie wordt elke kleur vervangen door grijs met dezelfde relatieve luminantie.
Wat doet de instelling voor de ernst?
100% simuleert volledige dichromatie, lagere waarden simuleren de afwijkende vormen en 0% geeft de oorspronkelijke kleur terug. De waarde wordt afgerond op de dichtstbijzijnde 10%, omdat de matrices van Machado zijn gepubliceerd in stappen van 10%. Bij achromatopsie mengt de ernst de kleur met grijs in lineair licht.
Hoe voer ik kleuren in?
Voer één kleur per regel in, of meerdere kleuren op één regel, gescheiden door komma's of puntkomma's; komma's binnen rgb() of hsl() dienen niet als scheiding. Hex-codes met of zonder #, CSS kleurnamen, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() en cmyk() worden geaccepteerd. Per uitvoering kun je maximaal 100 kleuren controleren.
Hoe nauwkeurig is de simulatie?
De simulatie benadert het gemiddelde kleurenzicht van dichromaten op een standaard sRGB-scherm. Het kleurenzicht verschilt per persoon; ook de schermkalibratie en het omgevingslicht beïnvloeden wat iemand ziet. Gebruik de simulatie om kleuren te vinden die in elkaar overlopen, niet als medische test.
Hoe vaak komen deze kleurzichtbeperkingen voor?
Rood-groen-kleurzichtbeperkingen, de protan- en deutanvormen, komen voor bij ongeveer 8% van de mannen en 0.5% van de vrouwen van Noord-Europese afkomst; deuteranomalie is het meest voorkomend. Tritanbeperkingen en achromatopsie zijn zeldzaam en komen elk voor bij ongeveer 1 op de 10,000 mensen of minder.
Wat moet ik doen als twee kleuren er hetzelfde uitzien?
Verander hun lichtheid, niet alleen hun tint, want verschillen in lichtheid blijven zichtbaar bij elke vorm van kleurenblindheid. Voeg ook een tweede aanduiding toe, zoals een label, pictogram, patroon of positie; succescriterium 1.4.1 van WCAG vereist dit wanneer kleur betekenis overbrengt.
Wat gebeurt er met transparante kleuren en kleuren met een breed kleurbereik?
Kleuren buiten sRGB, zoals levendige Display P3- of OKLCH-waarden, worden eerst met het CSS Color 4-algoritme omgezet naar sRGB. De alfawaarde blijft behouden in de resultaten, dus semi-transparante invoer levert hex-codes van 8 cijfers op.
Waarom wordt zuiver rood olijfgroen bij protanopie?
Mensen met protanopie missen kegeltjes die gevoelig zijn voor lange golflengten, waardoor rood veel donkerder lijkt en naar geelbruin verschuift. In het model wordt #ff0000 een donker olijfgroen van ongeveer #6d5f00, terwijl deuteranopie meer helderheid behoudt en een mosterdtint van ongeveer #a39000 oplevert.
Kan ik een hele afbeelding controleren?
Nee, deze tool werkt met kleurwaarden, zodat hij snel en nauwkeurig blijft voor paletten en designtokens. Kies de belangrijkste kleuren van een ontwerp of grafiek en plak ze hier om de gesimuleerde kolommen naast elkaar te vergelijken.