◐

Sprawdzanie kontrastu kolorów

Sprawdź współczynnik kontrastu WCAG między kolorem tekstu a tłem z wynikami AA/AAA.

Twoje pliki zostają na tym urządzeniu

Pliki są przetwarzane w przeglądarce, nigdy nie są wysyłane. Strona pobiera kod i zasoby potrzebne narzędziom. Bez kont i śledzenia.

Użyj przycisku Pobierz, aby zapisać narzędzie jako jeden plik HTML do pracy offline.

Prywatność →

Kolor tekstu

Tło

Pójdź, kiń tę chmurność w głąb flaszy!

Przykładowy duży tekst

Wypróbuj przykład z rozwiązaniem

Przykład

Ustaw kolor tekstu na #767676, a tło na #ffffff. Współczynnik wynosi 4.54:1, co spełnia AA dla zwykłego tekstu. O odcień jaśniejszy #777777 daje 4.48:1 i nie przechodzi, bo AA wymaga co najmniej 4,5:1 dla zwykłego tekstu.

Pamiętaj

Duży tekst (ok. 24px lub 18,7px pogrubiony) wymaga dla AA tylko 3:1. Współczynnik nie uwzględnia cienkich krojów, tekstu na zdjęciach ani przezroczystości, więc sprawdź też rzeczywisty projekt i nie przekazuj znaczenia samym kolorem.

O tym narzędziu

Porównaj kolor pierwszego planu i tła, aby zobaczyć współczynnik kontrastu WCAG oraz czy spełnia poziomy AA i AAA — wszystko obliczane lokalnie w Twojej przeglądarce.

Najczęściej zadawane pytania

Co liczy się jako duży tekst?

WCAG traktuje tekst o rozmiarze 18pt (24px) lub pogrubiony 14pt (18,66px) jako duży, co wymaga niższego współczynnika 3:1 dla AA.

Które współczynniki spełniają wymagania?

Zwykły tekst wymaga 4,5:1 dla AA i 7:1 dla AAA; duży tekst wymaga 3:1 dla AA i 4,5:1 dla AAA.