Sprawdź współczynnik kontrastu między dwoma kolorami względem poziomów dostępności WCAG AA i AAA.
Jak korzystać z narzędzia Sprawdzarka kontrastu
Wybierz kolor tekstu i kolor tła.
Odczytaj współczynnik kontrastu oraz odznaki zaliczenia lub niezaliczenia WCAG.
Dostosowuj kolory, aż przejdą potrzebny poziom.
Najczęściej zadawane pytania
WCAG AA wymaga 4,5:1 dla tekstu zwykłego i 3:1 dla tekstu dużego (18 pt lub 14 pt pogrubione). AAA wymaga odpowiednio 7:1 i 4,5:1.
Tekst o rozmiarze co najmniej 24 px (18 pt) lub 18,66 px (14 pt), gdy jest pogrubiony. Tekst duży może mieć niższy współczynnik kontrastu.
Na podstawie względnej luminancji każdego koloru przy użyciu oficjalnego wzoru WCAG, dając wartość od 1:1 (brak kontrastu) do 21:1 (czarny na białym).
Sprawdzarka kontrastu kolorów WCAG, która pokazuje dokładny współczynnik kontrastu między kolorem tekstu a tła oraz to, czy spełnia poziomy dostępności AA i AAA.
Wybierz kolory za pomocą próbki lub kodu szesnastkowego i zobacz podgląd na żywo. Dobry kontrast czyni Twoją witrynę czytelną i dostępną.
Powiązane narzędzia
Generuj skróty SHA-1, SHA-256, SHA-384 i SHA-512 dowolnego tekstu, bezpośrednio w przeglądarce.
Konwertuj kolory między HEX, RGB i HSL z podglądem na żywo.
Konwertuj znaczniki czasu Unix na czytelne daty i odwrotnie: UTC, czas lokalny, ISO 8601 i czas względny. Sekundy i milisekundy są wykrywane automatycznie.
Koduj i dekoduj adresy URL oraz ich komponenty w kodowaniu procentowym, bezpiecznie dla UTF-8.