Narzędzia do kolorów

Sprawdź kontrast kolorów: WCAG AA i AAA – za darmo

Za darmo, bez rejestracji, działa w przeglądarce. Sprawdź, czy tekst jest czytelny na swoim tle, za pomocą współczynnika kontrastu WCAG, zobacz wyniki AA i AAA dla zwykłego tekstu, dużego tekstu i kontrolek oraz otrzymaj najbliższy kolor, który spełnia wymagania.

Tak wygląda duży tekst

Tak wygląda zwykły tekst główny. Pchnąć w tę łódź jeża lub ośm skrzyń fig, a pod spodem drobny druk, np. podpis.

Mały tekst: podpis 14px.

Przycisk
Współczynnik kontrastu13.08:1
  • Zwykły tekst, AA: ZaliczonyTekst główny, co najmniej 4.5:1
  • Zwykły tekst, AAA: ZaliczonyPodwyższony, co najmniej 7:1
  • Duży tekst, AA: Zaliczony18pt+ lub 14pt+ pogrubiony, co najmniej 3:1
  • Duży tekst, AAA: ZaliczonyPodwyższony, co najmniej 4.5:1
  • Ikony i kontrolki, AA: ZaliczonyPrzyciski, obramowania, linie wykresów: 3:1

Używa wzoru kontrastu WCAG 2. Współczynniki nigdy nie są zaokrąglane w górę, więc 4.49:1 nie liczy się jako 4.5:1. Sprawdzane na twoim urządzeniu.

Dlaczego warto: Sprawdzanie kontrastu kolorów

W 100% za darmo
Korzystaj, ile chcesz. Bez rejestracji, bez znaku wodnego, bez instalowania.
Prywatność od podstaw
To, co wpiszesz, zostaje w przeglądarce i nigdy nie jest do nas wysyłane.
Działa na każdym urządzeniu
Działa w przeglądarce na Windows, Mac, Linux, Android i iPhone. Bez instalowania aplikacji.

Jak używać: Sprawdzanie kontrastu kolorów

  1. Wpisz kolor tekstu i kolor tła albo je wybierz.
  2. Odczytaj współczynnik kontrastu i wyniki: spełnia lub nie spełnia.
  3. Jeśli nie spełnia, kliknij sugerowany kolor, który spełnia wymagania.

Najczęściej zadawane pytania

Jakiego współczynnika kontrastu potrzebuję?
WCAG AA wymaga 4.5:1 dla zwykłego tekstu i 3:1 dla dużego tekstu oraz elementów interfejsu, takich jak przyciski i ikony. AAA wymaga 7:1 i 4.5:1.
Co uznaje się za duży tekst?
Co najmniej 18 punktów (24px) zwykłej czcionki lub 14 punktów (około 18.7px) pogrubionej.
Czy obsługuje przezroczyste kolory tekstu?
Tak. Półprzezroczysty kolor tekstu jest mieszany z tłem przed zmierzeniem kontrastu.
Dlaczego 4.49:1 nie spełnia wymagań?
Według WCAG współczynników nie wolno zaokrąglać w górę, więc wszystko poniżej 4.5:1 nie spełnia AA dla zwykłego tekstu.
Czy Sprawdzanie kontrastu kolorów jest za darmo?
Tak. Korzystasz za darmo, bez rejestracji i bez instalowania czegokolwiek.

Pomoc i poradniki (po angielsku)

Podobne narzędzia