Sprawdzanie kontrastu kolorów
Upewnij się, że Twój tekst jest czytelny dla każdego.
Wybierz kolor tekstu i tła, aby zobaczyć ich współczynnik kontrastu i to, czy spełniają poziomy dostępności WCAG 2: AA i AAA dla zwykłego i dużego tekstu oraz minimum 3:1 dla ikon i kontrolek. Podgląd pokazuje prawdziwy tekst w obu kolorach, a jedno kliknięcie zamienia je miejscami.
Jak sprawdzić kontrast kolorów
- Krok 1
Wpisz kolory tekstu i tła.
- Krok 2
Odczytaj współczynnik kontrastu i wyniki WCAG.
- Krok 3
Dopasuj kolory, aż każdy potrzebny poziom będzie spełniony.
Dlaczego PhotoTools
Poziomy WCAG 2
AA i AAA dla zwykłego i dużego tekstu.
Podgląd na żywo
Prawdziwy tekst w Twoich kolorach.
Dowolny format
HEX, RGB, HSL lub nazwy kolorów.
Obsługiwane formaty
Wyjście
- WCAG
Najczęstsze pytania
Jakiego kontrastu potrzebuję?
WCAG AA wymaga 4,5:1 dla zwykłego tekstu i 3:1 dla dużego tekstu (18 pt lub 14 pt pogrubione) oraz kontrolek; AAA wymaga 7:1 i 4,5:1.
Czy wynik zgadza się z innymi narzędziami?
Tak. Korzysta ze wzoru na luminancję względną z WCAG 2, tak jak narzędzia deweloperskie przeglądarek.
Czy to jest darmowe?
Tak. Narzędzia PhotoTools działające w przeglądarce są darmowe, bez limitów i nie wymagają konta.