Symulator daltonizmu
Symuluj 8 typów zaburzeń widzenia kolorów i sprawdź zgodność kontrastu WCAG.
Kolor pierwszoplanowy
Kolor tła
Wybierz typ
Deuteranopia
Dotknięta populacja ~1%tools.colorBlindnessSimulator.affectedDeuteranopia
Podgląd tekstu
Duży przykładowy tekst
Mały przykładowy tekst
Stosunek kontrastu
Wyniki symulacji
#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
Porównanie kontrastu
| Typ niedoboru | Współczynnik | Normalny tekst | Duży tekst |
|---|---|---|---|
| Oryginał | 3.98:1 | Fail | AA |
| 🔴Protanopia | 4.42:1 | Fail | AA |
| 🟢Deuteranopia | 3.71:1 | Fail | AA |
| 🔵Tritanopia | 4.51:1 | AA | AAA |
| 🔶Protanomalia | 4.26:1 | Fail | AA |
| 🟡Deuteranomalia | 3.81:1 | Fail | AA |
| 🔷Tritanomalia | 4.24:1 | Fail | AA |
| ⬛Achromatopsja | 3.94:1 | Fail | AA |
| ◻️Achromatomalia | 3.97:1 | Fail | AA |
O Symulatorze daltonizmu
Symuluje 8 typów zaburzeń widzenia kolorów i sprawdza zgodność kontrastu WCAG.
Jak używać
Wpisz kolory, obejrzyj symulacje, sprawdź zgodność WCAG AA/AAA.
Zastosowania
- Dostępny dobór kolorów
- Testowanie UI dla osób z daltonizmem
- Zgodność WCAG
- Inkluzywne projektowanie UI
- Dostępność kolorów marki