Sprawdzanie kontrastu
Wybierz kolory tekstu i tła, aby sprawdzić ich współczynnik kontrastu względem progów WCAG AA i AAA. Zobacz osobne wyniki dla tekstu zwykłego i dużego oraz podgląd w wybranych kolorach.
Co możesz zrobić
Sprawdź współczynnik dla dwóch kolorów
Wybierz kolor tekstu i tła, aby wyświetlić ich współczynnik kontrastu z dokładnością do dwóch miejsc po przecinku.
Porównaj z progami AA i AAA
Zobacz osobne wyniki dla tekstu zwykłego i dużego oraz podgląd w wybranych kolorach.
Porównaj z czernią i bielą
Otwórz szczegóły opcjonalne, aby porównać kolor tekstu z czarnym i białym tłem.
Jak korzystać
Wprowadź kolor tekstu
Wybierz HEX, RGB, HSL, HSV lub CMYK i wprowadź kolor tekstu. Wybór próbki przełącza dane wejściowe na HEX.
Wybierz tło
Wprowadź wartość HEX z trzema lub sześcioma cyframi albo użyj próbnika kolorów. Prefiks # jest opcjonalny.
Sprawdź kontrast
Wybierz Sprawdź kontrast, aby zobaczyć współczynnik, podgląd tekstu i wyniki AA/AAA. Sprawdź ponownie po zmianie któregoś koloru.
Kiedy pomaga
Sprawdź tekst główny na tle
Wprowadź kolory używane na stronie i sprawdź, czy zwykły tekst spełnia wymagany współczynnik.
Porównaj kolory nagłówka
Rozważając parę kolorów nagłówka, skorzystaj z wyniku dla dużego tekstu i podglądu.
Jak odczytywać wyniki
Współczynniki AA i AAA
AA wymaga współczynnika co najmniej 4.5:1 dla tekstu zwykłego i 3:1 dla dużego. AAA wymaga 7:1 dla tekstu zwykłego i 4.5:1 dla dużego. Wyniki wykorzystują niezaokrąglony współczynnik.
Co uznaje się za duży tekst
Duży tekst ma co najmniej 18 pt lub 14 pt pogrubionej czcionki. W CSS odpowiada to 24px lub około 18.7px w wersji pogrubionej. Podgląd używa zwykłej grubości czcionki w rozmiarach 16px i 24px.
Zakres sprawdzenia
Sprawdzany jest kontrast tekstu między dwoma nieprzezroczystymi kolorami sRGB. Narzędzie nie ocenia teł obrazkowych, mieszania przezroczystości, elementów nietekstowych ani zgodności całej strony.
Pytania i odpowiedzi
Czy pozytywny wynik oznacza, że cała strona jest zgodna?
Ten wynik dotyczy wyłącznie kontrastu tekstu dla dwóch wybranych kolorów. Zgodność całej strony należy ocenić osobno.
Co pokazuje porównanie z czernią i bielą?
Porównuje wybrany kolor tekstu z czernią i bielą, a następnie pokazuje, który wariant ma wyższy współczynnik. Jest to niezależne od wyniku dla wybranego tła.
Czy mogę sprawdzić przezroczysty tekst lub tekst na obrazie?
Przezroczystość i tła obrazkowe nie są obsługiwane. Wprowadź nieprzezroczyste kolory tekstu i tła.
Dane wejściowe i wynik
- Kolor tekstu
- Wartości HEX, RGB, HSL, HSV lub CMYK albo próbnik kolorów. CMYK jest wartością szacunkową bez profilu ICC.
- Tło
- HEX z trzema lub sześcioma cyframi albo próbnik kolorów. Przezroczystość nie jest obsługiwana.
- Wynik
- Współczynnik kontrastu, wyniki AA/AAA dla tekstu zwykłego i dużego oraz podgląd tekstu. Wyników nie można zapisać.