Kleurenblindheid Simulator
Simuleer 8 typen kleurenzienstoornissen en controleer WCAG-contrastcompliance.
Voorgrondkleur
Achtergrondkleur
Type selecteren
Deuteranopie
Getroffen bevolking ~1%tools.colorBlindnessSimulator.affectedDeuteranopia
Tekstvoorvertoning
Grote voorbeeldtekst
Kleine voorbeeldtekst
Contrastverhouding
Simulatieresultaten
#3b82f6#418efa~1% of population
#007df4~1% of population
#009eb0<0.1% of population
#3f8af9~1% of population
#227ff5~5% of population
#0093d0<0.1% of population
#858585<0.01% of population
#6f84bd~0.1% of population
Contrastvergelijking
| Type kleurgebrek | Verhouding | Normale tekst | Grote tekst |
|---|---|---|---|
| Origineel | 3.98:1 | Fail | AA |
| 🔴Protanopie | 4.42:1 | Fail | AA |
| 🟢Deuteranopie | 3.71:1 | Fail | AA |
| 🔵Tritanopie | 4.51:1 | AA | AAA |
| 🔶Protanomalie | 4.26:1 | Fail | AA |
| 🟡Deuteranomalie | 3.81:1 | Fail | AA |
| 🔷Tritanomalie | 4.24:1 | Fail | AA |
| ⬛Achromatopsie | 3.94:1 | Fail | AA |
| ◻️Achromatomalie | 3.97:1 | Fail | AA |
Over de Kleurenblindheid Simulator
Simuleert 8 typen kleurenzienstoornissen en controleert WCAG-contrastcompliance.
Hoe te Gebruiken
Voer kleuren in, bekijk simulaties, controleer WCAG AA/AAA-compliance.
Toepassingen
- Toegankelijke kleurkeuzes maken
- UI testen voor kleurenblinde gebruikers
- WCAG-compliance
- Inclusief UI-ontwerp
- Merkkleur-toegankelijkheid