Kleurenblindheidssimulator
Originele kleur
Over Deuteranopie (groenblindheid)
Complete absence of green cones. Greens appear beige, and red/green are confused.
Prevalentie: ~1% of males
Ernst: severe
Kleurenblindheidssimulaties
Laat het ons weten
Deel uw ervaring.
Vergelijkbare tools
Kleurcontrastcontrole
Controleer of de WCAG AA/AAA-richtlijnen worden nageleefd en of de contrastverhoudingen correct zijn.
Gradiëntgenerator
Maak lineaire en radiale verlopen met CSS-uitvoer.
Kleurenpaletgenerator
Extraheer kleuren uit afbeeldingen en genereer kleurenpaletten.
Plaatsaanduidinggenerator
Plaatsvervangende afbeeldingen genereren
De fout in rood en het succes in groen
Een klassiek geval: een formulier meldt validatiefalen in rode tekst en succes in groen. Onder de deuteranopie-simulatie worden beide gelijkwaardige aardetinten — en de gebruiker kan werkelijk niet zeggen of zijn inzending doorging. De oplossing is geen ander rood; het is het einde van de afhankelijkheid van de tint: koppel elke status aan een icoon en een tekstlabel zodat de boodschap elke kleurenvisie overleeft. De simulatie maakt het probleem zichtbaar; de labels lossen het op.
Simuleer de kleuren met betekenis, niet elke nuance
Praktische reikwijdte telt: test de elementen die informatie dragen — knoppen, links, statusbadges, grafiekseries, formulierstatussen — meer dan elke decoratieve tint, die mag blijven als niets ervan afhangt. Twee dingen is de simulator bewust niet: hij is een benadering, want echte dichromaten verschillen onderling; en hij vervangt de contrastcontrole niet, die onder WCAG een eigen vereiste blijft. De regel die het werk bindt: maak kleur nooit de enige betekenisdrager — voeg vorm, tekst of patroon als redundantie toe.
Over Kleurenblindheidssimulator
Rood-groenkleurenzwakte is de meest voorkomende vorm — alleen deuteranopie treft rond 8 % van de mannen en 0,5 % van de vrouwen — en toch coderen interfaces betekenis voortdurend precies in dat paar: fouten in rood, succes in groen, rood-groene grafiekseries. Productontwerpers, dashboardsamenstellers, e-mailmarketeers en docenten die slides voorbereiden doen er allemaal goed aan hun palet door gesimuleerde dichromatische visie te bekijken voordat ze publiceren — want wat voor een trichromaat duidelijk onderscheidenlijk is, overleeft de simulatie vaak niet.
Hoe te gebruiken
Stap 1
Voer een hexadecimale kleurcode in of gebruik de kleurenkiezer om een kleur te selecteren.
Stap 2
Bekijk hoe de kleur eruitziet bij 9 verschillende soorten kleurenblindheid.
Stap 3
Klik op een simulatie om gedetailleerde informatie over dat type te bekijken.
Stap 4
Gebruik 'Willekeurige kleur' om snel verschillende kleuren uit te testen.
Stap 5
Vergelijk de originele kleur naast de gesimuleerde versies.
Stap 6
Gebruik deze tool om ervoor te zorgen dat uw ontwerpen toegankelijk zijn voor alle gebruikers.
Kenmerken en voordelen
- ✅Simuleer 9 soorten kleurenblindheid
- ✅Protanopie (roodblindheid) en protanomalie (zwakte voor rood)
- ✅Deuteranopie (groenblindheid) en deuteranomalie (groenzwakte)
- ✅Tritanopie (blauwblindheid) en tritanomalie (blauwzwakte)
- ✅Achromatopsie (volledige kleurenblindheid)
- ✅Achromatomalie (monochromie van de blauwe kegeltjes)
- ✅Realtime kleurensimulatie met nauwkeurige algoritmen
- ✅Gedetailleerde informatie over elk type, inclusief de prevalentie.
- ✅Ernstindicatoren (licht, matig, ernstig)
- ✅Visuele kleurenkiezer voor eenvoudige kleurselectie.
- ✅Willekeurige kleurengenerator voor testdoeleinden
- ✅100% browsergebaseerd - geen serverupload nodig
- ✅100% gratis - geen watermerken, geen registratie vereist
Veelgestelde vragen
Welke vormen van kleurenblindheid worden gesimuleerd?
Onze simulator omvat alle belangrijke typen: protanopie (roodblindheid), protanomalie (zwak rood), deuteranopie (groenblindheid), deuteranomie (zwak groen), tritanopie (blauwblindheid), tritanomalie (zwak blauw), achromatopsie (volledige kleurenblindheid) en achromatomalie (monochromie van blauwe kegeltjes).
Hoe nauwkeurig zijn deze simulaties?
Onze simulaties maken gebruik van het Brettel, Viénot en Mollon-algoritme, dat algemeen wordt geaccepteerd in de wetenschappelijke gemeenschap voor het simuleren van kleurenblindheid. Hoewel geen enkele simulatie perfect is, biedt deze een zeer goede benadering van hoe kleuren eruitzien voor mensen met kleurenblindheid.
Wat is de meest voorkomende vorm van kleurenblindheid?
Deuteranomalie (groenzwakte) komt het meest voor en treft ongeveer 5% van de mannen en 0,4% van de vrouwen. Het is een verminderde gevoeligheid voor groen licht, waardoor het moeilijker is om rood, groen en geel van elkaar te onderscheiden.
Waarom komt kleurenblindheid vaker voor bij mannen?
Rood-groen kleurenblindheid (protanopie, protanomalie, deuteranopie, deuteranomalie) is X-gebonden, wat betekent dat de genen zich op het X-chromosoom bevinden. Mannen hebben slechts één X-chromosoom, dus één defect gen veroorzaakt kleurenblindheid. Vrouwen hebben twee X-chromosomen, dus zij hebben defecte genen op beide nodig om de aandoening te ontwikkelen.
Hoe kan ik mijn ontwerpen toegankelijk maken?
Gebruik deze tool om uw kleurkeuzes te testen. Zorg voor voldoende contrast tussen de kleuren, vertrouw niet uitsluitend op kleur om informatie over te brengen, gebruik patronen of labels naast kleuren en test met verschillende vormen van kleurenblindheid. Streef naar ontwerpen die goed werken in alle simulaties.
Wat is het verschil tussen -opia en -omaly?
-opia (net als protanopia) betekent de volledige afwezigheid van dat type kegeltje, wat resulteert in ernstige kleurenblindheid. -omaly (net als protanomaly) betekent een verminderde gevoeligheid van dat type kegeltje, wat resulteert in een mildere vorm van kleurenblindheid.
Kunnen kleurenblinden kleuren zien?
De meeste kleurenblinden kunnen kleuren wel zien, alleen op een andere manier. Rood-groen kleurenblindheid (de meest voorkomende vorm) beïnvloedt de waarneming van rood en groen. Alleen achromatopsie (zeer zeldzaam, ongeveer 0,003% van de bevolking) resulteert in volledige kleurenblindheid, waarbij mensen alleen in grijstinten zien.
Moet ik elke kleur in mijn ontwerp testen?
Focus op het testen van kleuren die belangrijke informatie overbrengen, zoals knoppen, links, statusindicatoren, diagrammen en grafieken. Als kleuren in een simulatie te veel op elkaar lijken, overweeg dan om patronen, pictogrammen of tekstlabels toe te voegen.
Is deze tool nuttig voor webtoegankelijkheid?
Ja! Deze tool helpt je te voldoen aan de WCAG-richtlijnen (Web Content Accessibility Guidelines) door ervoor te zorgen dat je kleurkeuzes onderscheidbaar zijn voor mensen met kleurenblindheid. Combineer dit met contrastcheckers voor volledige kleurtoegankelijkheid.