Färgblindhetssimulator
Simulera 8 typer av färgsynsdefekt och kontrollera WCAG-kontrastöverensstämmelse.
Förgrundsfärg
Bakgrundsfärg
Välj typ
Deuteranopi
Andel drabbade ~1%tools.colorBlindnessSimulator.affectedDeuteranopia
Textförhandsvisning
Stor exempeltext
Liten exempeltext
Kontrastförhållande
Simuleringsresultat
#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
Kontrastjämförelse
| Typ av defekt | Förhållande | Normal text | Stor text |
|---|---|---|---|
| Original | 3.98:1 | Fail | AA |
| 🔴Protanopi | 4.42:1 | Fail | AA |
| 🟢Deuteranopi | 3.71:1 | Fail | AA |
| 🔵Tritanopi | 4.51:1 | AA | AAA |
| 🔶Protanomali | 4.26:1 | Fail | AA |
| 🟡Deuteranomali | 3.81:1 | Fail | AA |
| 🔷Tritanomali | 4.24:1 | Fail | AA |
| ⬛Akromatopsi | 3.94:1 | Fail | AA |
| ◻️Akromatomali | 3.97:1 | Fail | AA |
Om Färgblindhetssimulator
Simulerar 8 typer av färgsynsdefekt och kontrollerar WCAG-kontrastöverensstämmelse.
Hur du använder
Ange färger, visa simuleringar, kontrollera WCAG AA/AAA-överensstämmelse.
Användningsfall
- Tillgängliga färgval
- Testa UI för färgblinda användare
- WCAG-överensstämmelse
- Inkluderande UI-design
- Varumärkesfärgtillgänglighet