Narzędzia › Projektowanie
Sprawdzanie kontrastu kolorów
Sprawdzaj kolory tekstu i interfejsu według WCAG 2.2 AA i AAA, pobieraj kolory z ekranu lub makiety i otrzymuj najbliższy odcień, który spełnia wymagania.
Duży tekst 24px
Tekst główny 16px powinien być czytelny dla wszystkich, także dla osób słabowidzących.
2.21:1
✗ AA tekst✗ AA duży✗ AAA tekst✗ AAA duży✗ UI i ikony
Najbliższy kolor tekstu, który spełnia AA: #B4610B
Pobierz kolory z makiety
Jak to działa
- Kontrast jest liczony wzorem WCAG na luminancję względną i zaokrąglany w dół, tak jak robią to audytorzy.
- Propozycja zachowuje barwę i nasycenie Twojego koloru i zmienia tylko jasność.
Pytania
Co liczy się jako duży tekst?
Od 24 px w zwykłej grubości lub od 18,66 px pogrubiony. Dla AA wystarcza mu 3:1 zamiast 4,5:1.