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

LEGO-mozaïek maken

Maak van je foto een mozaïekplan van 16 × 16, 32 × 32 of 48 × 48 vakjes. Bekijk benaderde kleuren, tel 1×1-plaatjes en download een genummerd bouwschema.

Muziekpapier met notenbalken maken

Maak leeg muziekpapier met notenbalken van vijf lijnen. Kies het aantal balken, de lijnafstand, het papierformaat, de marges en eventueel een G- of F-markering. Download als pdf of SVG.

Ruitjespapier-generator

Maak online afdrukbaar ruitjespapier: kies een ruit- of stippenraster, stel de afstand in mm in, kies A4 of Letter en een eigen lijnkleur, en print of download een strak SVG-bestand.

Contactblad maken

Rangschik foto’s op afdrukbare A4- of Letter-contactbladen met bijschriften en voorvertoning en download JPEG-pagina’s of een pdf.

Gelinieerd papier generator

Maak gratis afdrukbaar gelinieerd papier. Kies college-, brede of smalle liniëring, stel de regelafstand in mm, het papierformaat en een kantlijn in, en druk af of download de SVG.

Material Design-kleurkiezer

Blader door het Material Design-kleurenpalet. Kopieer elke tint (van 50 tot A700) als HEX-, RGB- of HSL-waarde met één tik.

Tool beschikbaar in andere talen