Kleurenblindheid-simulator

Bekijk hoe elke kleur eruitziet voor mensen met een kleurzienafwijking

Voorinstellingen:
OriginalNormal color vision
#3B82F6rgb(59, 130, 246)
ProtanopiaRed-blind (no L-cones)
#418EFArgb(65, 142, 250)
DeuteranopiaGreen-blind (no M-cones)
#007DF4rgb(0, 125, 244)
TritanopiaBlue-blind (no S-cones)
#009EB0rgb(0, 158, 176)
AchromatopsiaTotal color blindness (monochromacy)
#7B7B7Brgb(123, 123, 123)

Over kleurzienafwijking

Ongeveer 8% van de mannen en 0,5% van de vrouwen wereldwijd heeft een vorm van kleurzienafwijking. Protanopie (roodblindheid) en deuteranopie (groenblindheid) zijn de meest voorkomende typen. Dit tool gebruikt wetenschappelijk nauwkeurige kleurtransformatiematrices om te simuleren hoe kleuren eruitzien voor personen met deze aandoeningen, waardoor ontwerpers meer toegankelijke interfaces kunnen maken.

Kleurenblindheid-simulator

Bekijk hoe elke kleur eruitziet voor mensen met een kleurzienafwijking

Functies

  • Simulate four color vision deficiencies: protanopia (no L-cones), deuteranopia (no M-cones), tritanopia (no S-cones), achromatopsia (greyscale)
  • Uses scientifically-accurate Brettel / Vienot / Machado transformation matrices
  • Proper sRGB gamma correction before applying the matrix (linear-light math)
  • Real-time hex-color input with side-by-side comparison
  • Useful for verifying UI color contrast for ~8% of male users (red-green color blindness) and ~0.5% of female users

Hoe te gebruiken

  1. Kies een kleur met de kleurkiezer of voer een hex-waarde in.
  2. Bekijk het gesimuleerde uiterlijk voor elk type kleurzienafwijking.
  3. Vergelijk de originele kleur met alle vier simulaties naast elkaar.
  4. Kopieer de gesimuleerde hex-waarden voor gebruik in uw ontwerpen.

Tips en best practices

  • Protanopia and deuteranopia are the most common (red-green color blindness). Tritanopia (blue-yellow) is rare.
  • Achromatopsia is total color blindness — extremely rare (~1 in 30,000), but a useful "ground truth" for ensuring contrast works on luminance alone.
  • WCAG contrast requirements (4.5:1 for normal text) work for color blindness too — sufficient contrast → readable for everyone.
  • For UI elements that rely on color alone (red error / green success), add an icon or text label.
  • For data visualisations, palettes like Viridis, Cividis, and ColorBrewer's color-blind-friendly sets are safe by design.

Veelgestelde vragen

Hoe nauwkeurig zijn deze simulaties?

De simulaties gebruiken de Machado-, Oliveira- en Fernandes-kleurtransformatiematrices (2009), die behoren tot de wetenschappelijk meest nauwkeurige beschikbare modellen voor het simuleren van kleurzienafwijking.

Wat is het meest voorkomende type kleurenblindheid?

Deuteranopie (groenblindheid) en protanopie (roodblindheid) komen het meest voor en treffen respectievelijk ongeveer 6% en 2% van de mannen. Tritanopie (blauwblindheid) is zeldzaam en achromatopsie (totale kleurenblindheid) is extreem zeldzaam.

Hoe kan ik mijn ontwerpen toegankelijker maken?

Vertrouw niet alleen op kleur om informatie over te brengen. Gebruik patronen, labels en voldoende contrast. Test uw kleurenpalet met deze simulator om ervoor te zorgen dat kritieke UI-elementen herkenbaar blijven.

Zijn mijn gegevens veilig en privé?

Alle verwerking gebeurt lokaal in uw browser. Er worden geen gegevens naar een server gestuurd.

Is dit tool gratis te gebruiken?

Ja, dit tool is volledig gratis zonder registratie.