Sprawdzanie kontrastu kolorów (WCAG)

Jak sprawdzić kontrast kolorów?

Jak korzystać

  1. Wprowadź potrzebne wartości w polach.
  2. Kliknij „Oblicz”, aby zobaczyć wynik.
  3. Skopiuj lub udostępnij wynik przyciskiem „Udostępnij”.

O tym kalkulatorze

To narzędzie oblicza współczynnik kontrastu WCAG między kolorem tekstu a tłem — wartość od 1:1 (kolory identyczne, brak kontrastu) do 21:1 (czysta czerń na czystej bieli) — wyliczaną z luminancji względnej każdego koloru. Następnie porównuje ten współczynnik z oficjalnymi progami dostępności AA i AAA — zwykle 4,5:1 dla zwykłego tekstu i 3:1 dla dużego tekstu na poziomie AA, z ostrzejszymi minimami na poziomie AAA — by orzec, czy dane zestawienie tekstu z tłem jest naprawdę dość czytelne, by spełnić standardy dostępności.

Używają go projektanci stron i programiści front-endu sprawdzający paletę barw przed wdrożeniem, bo tekst o niskim kontraście to jedna z najczęstszych skarg na dostępność i w niektórych jurysdykcjach może nie spełniać wymogów prawa. Audytorzy dostępności stosują ten sam rachunek przy przeglądzie strony lub aplikacji pod kątem zgodności z WCAG, a systemy projektowe często wbudowują pary kolorów spełniające poziom AA wprost w swoje biblioteki komponentów, by całkiem uniknąć problemu.

Was this helpful?

Możesz wybrać maksymalnie 3 reakcje.

Comments (0)

  • Be the first to comment.

Popularne kalkulatory

Wszystkie kalkulatory