Gratis Kleurenblindheidsimulator
Bekijk hoe je ontwerp eruitziet voor mensen met kleurvisiestoornissen. Simuleert protanopie, deuteranopie, tritanopie, achromatopsie en mildere afwijkingen.
Sleep een bestand hierheen of klik om te bladeren
JPG, PNG, WebP, HEIC, HEIF · verwerkt op je apparaat
of druk op Ctrl+V om vanaf het klembord te plakken
Jouw bestanden verlaten nooit je apparaat. Alle verwerking vindt lokaal in je browser plaats.
Upload een ontwerp, infographic of foto om te zien hoe het eruitziet voor mensen met een kleurvisiestoornis. Bijzonder nuttig voor: grafiekontwerpers, UX-ontwerpers en toegankelijkheidsaudits.
Veelvoorkomend gebruik
- Controleer Grafieken en Diagrammen op KleurenblindheidTest gegevensvisualisaties om ervoor te zorgen dat ze begrijpelijk zijn voor ~8% van de mannen met kleurvisusdefect.
- Controleer UI-ontwerpen op ToegankelijkheidControleer schermafbeeldingen van uw app-UI in CVD-modi — zorg ervoor dat alle statusindicatoren zichtbaar zijn voor iedereen.
- Test Afdrukontwerpen op KleurentoegangPosters, infografia's en gedrukt materiaal profiteren allemaal van een CVD-controle voor het afdrukken.
- FotografenkleureditatieFotografen kunnen de simulator gebruiken om te begrijpen hoe hun kijkers kleur in hun werk waarschijnlijk waarnemen.
- Onderwijs over KleurvisusdefectDemonstreer aan studenten, ontwerpers of ontwikkelaars hoe CVD werkelijk eruit ziet.
Hoe het werkt
Kleurenzienstoornis (CVD) wordt gesimuleerd met behulp van kleuromzettingsmatrices van Brettel-Viénot — het standaardalgoritme dat in toegankelijkheidshulpmiddelen wordt gebruikt.
- 1Je plaatst een afbeelding neerDe afbeelding wordt in een canvas in je browser geladen. Pixels worden voor prestaties omlaag geschaald (maximaal 1200 px op de langste rand).
- 2Een 3×3-kleuromzetting wordt op elke pixel toegepastElk CVD-type heeft een specifieke matrix. Voor deuteranopie (groenblind) worden rode en groene kanalen op een manier gemengd die nabootst wat mensen met alleen L+S-kegels waarnemen.
- 3De getransformeerde afbeelding wordt naast het origineel weergegevenWissel tussen CVD-typen om te zien hoe dezelfde afbeelding er voor ongeveer 8% van mannen met een vorm van kleurenzienstoornis uitziet.
Je afbeelding blijft in je browser. Zelfs de simulatiewiskunde draait lokaal op je CPU — geen server, geen API, geen upload.
Gerelateerde tools
Kleurenzichttest
Doe een screening van 15 platen met puntpatronen die ter plekke worden gemaakt, typ het nummer dat je ziet en krijg een zorgvuldige samenvatting van rood-groene of blauw-gele neigingen. Geen diagnose.
WCAG-kleurcontrastcontrole
Controleer of twee kleuren voldoen aan de WCAG AA- en AAA-contrastnormen voor toegankelijkheid. Livevoorvertoning op meerdere tekstgroottes met automatische suggesties wanneer het contrast te laag is.
Webcamtest
Controleer of je webcam werkt vóór een gesprek — live voorbeeld, werkelijke resolutie en framerate, en een momentopname die je kunt downloaden.