Sprawdzanie kontrastu kolorów

Oblicz kontrast między kolorem tekstu a tłem. Sprawdź progi WCAG AA i AAA dla zwykłego i dużego tekstu oraz elementów nietekstowych.

Przetwarzanie w przeglądarce: dane nie są przesyłane.

Ustaw dane

Ustaw dane

Podaj kolory pierwszego planu i tła. Sprawdź współczynnik oraz ocenę każdego progu. To kontrola kontrastu, a nie audyt całej strony ani potwierdzenie zgodności z prawem.

Wynik

Tutaj pojawi się wynik.

Liczymy użycie narzędzi bez wprowadzonych wartości i zawartości plików w statystykach. Prywatność

Jak korzystać z narzędzia

  1. Podaj kolory pierwszego planu i tła.
  2. Sprawdź współczynnik oraz ocenę każdego progu.
  3. To kontrola kontrastu, a nie audyt całej strony ani potwierdzenie zgodności z prawem.

Praktyczny przykład

Dane wejściowe
  • Kolor tekstu: #000000
  • Kolor tła: #ffffff
Wynik
21:1 AA — zwykły tekst: Spełnia AA — duży tekst: Spełnia AAA — zwykły tekst: Spełnia AAA — duży tekst: Spełnia

Źródła i dalsze informacje

PRAKTYCZNE PORADNIKI

Sprawdź kontrast tekstu bez zaokrąglania niepowodzenia

Różne kolory mogą tworzyć trudny do odczytania tekst. Zmierz rzeczywistą parę, a potem oceń wielkość liter, składanie tła i stany interfejsu.

Przejdź krok po kroku

Ulubione