Narzędzie Projektowanie

Narzędzie do sprawdzania kontrastu kolorów

Wybierz kolory tekstu i tła, aby sprawdzić współczynnik kontrastu oraz wynik zgodności z WCAG.

Działa w przeglądarce. Bez przesyłania.
Przykładowy tekstSzybki brązowy lis przeskakuje nad leniwym psem.
Współczynnik kontrastu—
WCAG AA · zwykły tekst—
WCAG AA · duży tekst—
WCAG AAA · zwykły tekst—

Zmień jeden z kolorów, aby sprawdzić czytelność. Progi WCAG stanowią wytyczne tylko dla tej pary kolorów.

O tym narzędziu

Narzędzie do sprawdzania kontrastu kolorów w prostym wydaniu.

Narzędzie oblicza współczynnik kontrastu WCAG dla nieprzezroczystych kolorów sRGB. Pomaga ocenić czytelność tekstu, ale nie stanowi certyfikatu dla całej strony ani nie zastępuje audytu dostępności.

Częste pytania

O Narzędzie do sprawdzania kontrastu kolorów.

Jaki jest właściwy współczynnik kontrastu według WCAG?

Poziom WCAG AA wymaga współczynnika 4,5:1 dla zwykłego tekstu i 3:1 dla dużego tekstu. Poziom AAA wymaga 7:1 dla zwykłego tekstu i 4,5:1 dla dużego tekstu.

Czy to potwierdza dostępność mojej strony internetowej?

Nie. Narzędzie sprawdza tylko dwa wybrane kolory. Dostępność zależy również od układu strony, tekstu, elementów sterujących i innych czynników.