Przejdź do treści

Sprawdzanie kontrastu FREE

Zmierz kontrast dwóch kolorów według WCAG 2.2, zobacz, które wymagania spełnia ta para, i weź najbliższy odcień, który sięga tego, którego brakuje.

Za darmo Bez rejestracji Prywatność przede wszystkim

HEX, rgb(), hsl(), hwb(), oklch(), oklab(), lab(), lch(), color(display-p3 ...) albo nazwa koloru CSS.

Ostatnie

Kontrast

APCA (szkic, informacja dodatkowa)

APCA to percepcyjny model kontrastu przygotowywany dla WCAG 3. Dziś nie jest wymogiem zgodności i bywa niezgodny z WCAG 2 w obie strony, więc pokazujemy go jako informację dodatkową, nigdy jako zaliczenie lub niezaliczenie.

Jak to wygląda

Każda konwersja, paleta i liczba kontrastu na tej stronie jest liczona w Twojej przeglądarce. Obraz, który upuścisz, jest odczytywany na kanwie w tej karcie i nie trafia na serwer.

Jak to działa

Co oznacza ten współczynnik

Współczynnik liczony jest zgodnie z definicją WCAG 2.2: względna luminancja jaśniejszego koloru powiększona o 0,05, podzielona przez to samo dla ciemniejszego. 4,5:1 to wymaganie AA dla zwykłego tekstu, 3:1 dla tekstu dużego i dla elementów interfejsu, a 7:1 to AAA. Kolor półprzezroczysty jest najpierw składany na kolorze strony, tak jak maluje go przeglądarka.

Gdy para nie sięga celu, propozycją jest najbliższy odcień tego samego koloru, który go osiąga - szukany po jasności i chromie w OKLCH i mierzony ponownie po zaokrągleniu do ośmiu bitów, więc kopiowany zapis to ten, który naprawdę przechodzi. Spełnienie wymagania kontrastu to jedno kryterium sukcesu z wielu i samo w sobie nie czyni strony dostępną.

Twórz lepszy internet, szybciej.

Tworzymy dedykowane oprogramowanie i rozwiązania dopasowane do Twoich potrzeb.

Skontaktuj się