Color Blindness Simulator

Over deze tool

De Kleurenblindheid Simulator past CSS-kleurmatrixfilters toe op voorbeeldkleuren om te tonen hoe designs eruit zien voor mensen met verschillende soorten kleurzichtgebrek.

Gebruik dit hulpmiddel bij het ontwerpen van UI-componenten, grafieken, kaarten of visuele inhoud die afhankelijk is van kleur.

Typen kleurenblindheid

• Normaal zicht: Normaal zicht: volledige kleurperceptie
• Protanopie (roodblind): Protanopie: rode kegeltjes ontbreken (~1% van mannen)
• Deuteranopie (groenblind): Deuteranopie: groene kegeltjes ontbreken (meest voorkomend, ~1% van mannen)
• Tritanopie (blauwblind): Tritanopie: blauwe kegeltjes ontbreken (zeldzaam, ~0,003%)
• Achromatopsie (geen kleur): Achromatopsie: geen kleurperceptie, alleen grijsschaal (zeer zeldzaam)
• Achromatomalie (verminderde kleur): Achromatomalie: verminderde kleurigevoeligheid bij meerdere kegeltjestypen

Hoe te gebruiken

1. Selecteer een simulatietype uit het dropdown-menu.
2. Observeer hoe de kleurenstalen en het spectrum veranderen met het geselecteerde filter.
3. Vergelijk met normaal zicht om problematische kleurcombinaties te identificeren.

Gebruiksscenario's

UI/UX-ontwerpers controleren of knopstatussen en statusindicatoren onderscheidbaar blijven. Makers van datavisualisaties zorgen ervoor dat grafiekkleuren toegankelijk zijn.

Veelgestelde vragen

• Hoe nauwkeurig zijn deze simulaties? — Ze gebruiken gevestigde kleurmatrixtransformaties en zijn goede benaderingen.
• Welk percentage mensen heeft kleurenblindheid? — Ongeveer 8% van de mannen en 0,5% van de vrouwen hebben een vorm van kleurzichtgebrek.
• Wat is de beste manier om te ontwerpen voor kleurenblindheid? — Combineer kleur met andere visuele aanwijzingen zoals vorm, patroon, label of textuur.