Przejdź do treści

Sprawdzanie kontrastu kolorów

Darmowe narzędzie online do sprawdzania kontrastu. Pomiar współczynnika kontrastu WCAG AA/AAA, weryfikacja dostępności. Przetwarzane w przeglądarce.

Darmowe narzędzie do sprawdzania kontrastu kolorów online, które testuje współczynniki kontrastu między dwoma kolorami względem standardów dostępności WCAG 2.1 (AA, AAA). Całe przetwarzanie w Twojej przeglądarce — bez komunikacji z serwerem. Niezbędne do zgodności z dostępnością stron internetowych i walidacji projektów UI.

Pierwszy plan
Tło
21.00:1
Współczynnik kontrastu
Normalny tekst
AA (4.5:1)Zaliczony
AAA (7:1)Zaliczony
Duży tekst
AA (3:1)Zaliczony
AAA (4.5:1)Zaliczony
Podgląd

Pchnąć w tę łódź jeża lub ośm skrzyń fig 1234567890

Pchnąć w tę łódź jeża lub ośm skrzyń fig 1234567890

lock Pliki nie są wysyłane na żaden serwer

Jak używać Sprawdzanie kontrastu kolorów?

  1. Wprowadź kolory pierwszego planu (tekstu) i tła.
  2. Sprawdź współczynnik kontrastu i ocenę WCAG (AA/AAA).
  3. W razie potrzeby dostosuj kolory, aby spełnić standardy.

Najczęściej zadawane pytania o Sprawdzanie kontrastu kolorów

Jaka jest różnica między WCAG AA a AAA?

AA wymaga 4,5:1 dla zwykłego tekstu i 3:1 dla dużego tekstu. AAA jest bardziej rygorystyczne — odpowiednio 7:1 i 4,5:1.

Co zrobić, jeśli mój współczynnik kontrastu nie przechodzi testu?

Rozjaśnij lub przyciemnij kolory, aby zwiększyć kontrast. Narzędzie pokazuje wyniki w czasie rzeczywistym podczas dostosowywania.