Sprawdzanie kontrastu kolorów

Sprawdź, czy tekst jest czytelny na tle, ze współczynnikiem kontrastu WCAG i wynikami AA oraz AAA. Jeśli nie przechodzi, dostaniesz najbliższy kolor, który przechodzi.

Działa w przeglądarce. Twoje pliki nigdy nie są wysyłane ani przechowywane.

Przykład dużego tekstu

Tak wygląda zwykły tekst w tych kolorach.

współczynnik kontrastu

  • AA, zwykły tekst ≥ 4.5:1
  • AA, duży tekst ≥ 3:1
  • AAA, zwykły tekst ≥ 7:1
  • AAA, duży tekst ≥ 4.5:1
  • Ikony i przyciski ≥ 3:1

Coś nie działa albo brakuje opcji?

Jak używać: Sprawdzanie kontrastu kolorów

  1. Wybierz lub wpisz kolory tekstu i tła.
  2. Sprawdź współczynnik kontrastu i spełnione poziomy.
  3. Jeśli nie przechodzi, użyj proponowanego koloru.

Pytania

Jaki poziom wybrać?

AA to zwykły standard prawny i projektowy: 4,5:1 dla zwykłego tekstu i 3:1 dla dużego. AAA jest surowszy.

Czy moje pliki są wysyłane?

Nie. Narzędzie działa w przeglądarce, a strona ma zablokowaną możliwość wysyłania danych. Sprawdź to, wyłączając internet: dalej działa.

Składniki open source

To narzędzie korzysta tylko z funkcji przeglądarki: bez kodu stron trzecich.

Pełne teksty licencji