Softonic

Kleurenblindheidssimulator

Stap 1 / 3 Simulatietype

Ongeveer 8% van de mannen en 0,5% van de vrouwen heeft een vorm van kleurzichtstoornis, meestal rood-groen. Upload een ontwerp, screenshot of illustratie, kies één simulatiemodus en vergelijk het origineel naast het gesimuleerde resultaat. Handig om te controleren of een diagram, kaart of gebruikersinterface leesbaar blijft wanneer u niet alleen op kleur vertrouwt.

Hoe de simulator werkt

  1. 1

    Plaats een afbeelding

    PNG, JPG, WebP of SVG. Verwerkt in de browser - niets geüpload.

  2. 2

    Kies een simulatiemodus

    Kies protanopie, protanomalie, deuteranopie, deuteranomalie, tritanopie, tritanomalie, achromatopsie of achromatomalie.

  3. 3

    Voorbeeld naast elkaar

    De browser past een matrixtransformatie toe en toont het origineel naast de gekozen simulatie.

  4. 4

    Exporteer de gesimuleerde afbeelding

    Download de gekozen simulatie als PNG of maak screenshots van de vergelijking voor ontwerpreviews.

Vormen van kleurenblindheid

Conditie Prevalentie Kenmerkend
Deuteranomalie ~5% van de mannen Rood-groene anomalie, M-kegel verschoven
Protanomalie ~1% van de mannen Rood-groene afwijking, L-kegel verschoven
Deuteranopie ~1% van de mannen M-kegel afwezig - rood-groen nauwelijks te onderscheiden
Protanopie ~1% van de mannen L-kegel afwezig – rode perceptie verschoven
Tritanopie zeer zeldzaam S-kegel afwezig – blauw-gele as ingestort
Tritanomalie zeer zeldzaam S-kegel verschoven - mild blauwgeel verlies
Achromatopsie uiterst zeldzaam Volledige kleurenblindheid, alleen grijstinten

De meeste ontwerpers beginnen met deuteranopie en protanopie, omdat rood-groenafwijkingen het vaakst voorkomen, en voegen daarna de anomalie- en blauw-geelmodi toe voor een bredere controle.

Ontwerpimplicaties

  • Vertrouw niet alleen op rood/groen om staten te onderscheiden. Fout-/succes-indicatoren hebben naast kleur een vorm, pictogram of tekstlabel nodig. Een rode X en een groen vinkje zijn merkbaar verschillend; rode en groene cirkels niet.
  • Grafieken: gebruik patroonvullingen, directe labels of perceptueel verschillende paletten (ColorBrewer, Viridis). Vermijd het stoplichtpalet voor datavisualisatie.
  • Kaarten: grenzen en arcering om regio’s te onderscheiden; kleur alleen faalt.
  • Hyperlinks: nooit alleen op kleur vormgegeven. Onderstrepingen of gewichten helpen iedereen, ook mensen met een normaal kleurenzicht.
  • Verplichte formuliervelden: een rood sterretje plus het label “Vereist” of een rode rand plus de helptekst “Vereist”.
  • Statusindicatoren: stoplicht rood/oranje/groen werkt als versterking, nooit als enig signaal.

Goede paletkeuzes voor kleurveilig ontwerp

  • Viridis (standaard gebruikt in matplotlib, D3): paars-naar-geel, perceptueel uniform.
  • ColorBrewer kwalitatief: 8 verschillende tinten ontworpen om onderscheidbaar te blijven in veel voorkomende CVD-vormen.
  • Okabe-Ito: 8-kleurenpalet speciaal ontworpen voor kleurenblinde toegankelijkheid.

Hulpmiddelen en testen

  • Simulatorvoorbeelden (deze tool), snelle visuele controle.
  • WCAG-contrastcontrole, zorgt ervoor dat tekst leesbaar blijft, ongeacht de kleurperceptie.
  • Tests door echte gebruikers, niets vervangt het tonen van uw ontwerp aan daadwerkelijke kleurenblinde gebruikers.

Leuk weetje

Moderne kleurzichtsimulators gebruiken matrixbenaderingen om kegelreacties naar RGB te vertalen. Behandel de preview als een praktische ontwerpcontrole, niet als medische diagnose of exacte kopie van iemands persoonlijke waarneming.

Veelgestelde vragen

Het is een nuttige benadering, maar echte kleurwaarneming verschilt per persoon. De meeste rood-groenafwijkingen liggen op een spectrum van mild tot ernstig; gebruik de preview dus als ontwerpsignaal, niet als diagnose.

Deuteranomalie omvat het grootste deel van de kleurenblinde gebruikers (~5% van de mannen). Testen tegen deuteranopie (de ernstige vorm) is een conservatieve controle; als een ontwerp daar werkt, werkt het ook voor de mildere anomalie.

Ja, maar veel minder vaak (~0,5%). Rood-groen tekort is X-gebonden recessief, dus mannen (XY) hebben slechts één aangetaste X nodig; vrouwen (XX) hebben beide nodig. Tritanopie is autosomaal en treft geslachten in gelijke mate.

Niet rechtstreeks in deze tool: dat is algemene simulatie voor slecht zicht, waarbij ook onscherpte en contrastreductie betrokken zijn. Voor volledige toegankelijkheidssimulatie zijn speciale tools zoals Lighthouse of NoCoffee van Chrome beschikbaar.

Gerelateerde tools

PNG naar SVG vectoriseren

Trek PNG-rasterafbeeldingen in de browser over als SVG-paden. Ideaal voor logo’s, iconen en lijntekeningen. Regel drempelwaarde, aantal kleuren en afvlakking.

WebP naar PNG

Converteer WebP-afbeeldingen naar PNG met behoud van transparantie en pixelnauwkeurige kwaliteit voor bewerken, afdrukken en oudere ontwerptools.

Foto-editor

Browsergebaseerde foto-editor met bijsnijden, draaien, helderheid, contrast, verzadiging, filters, tekstoverlay en export naar JPG, PNG of WebP.

GIF-maker

Zet een reeks afbeeldingen om in een geanimeerde GIF. Stel beeldsnelheid, kwaliteit en afmetingen in voor het exporteren.

ARW-naar-JPG-converter

Converteer Sony ARW RAW-foto's naar JPG. Maak van je camera-RAW-bestand een deelbare, universeel compatibele JPEG zonder Lightroom te openen.

QR-codegenerator

Maak in uw browser een QR-code van tekst of een URL en download deze als PNG.