Sprawdzarka kontrastu kolorów

To narzędzie do sprawdzania kontrastu kolorów WCAG, które pokazuje dokładny współczynnik kontrastu między kolorem tekstu a kolorem tła oraz to, czy spełnia poziomy dostępności AA i AAA. Wybierz kolory za pomocą próbnika lub kodu szesnastkowego i zobacz podgląd na żywo.

Dostosowuj oba kolory, aż plakietki osiągną potrzebny Ci poziom, a wynik aktualizuje się natychmiast w trakcie pracy.

Tekst, którego jasność jest zbyt zbliżona do tła, jest trudny lub niemożliwy do odczytania, zwłaszcza dla osób słabowidzących lub z zaburzeniami widzenia barw, a także dla każdego korzystającego z telefonu w jasnym słońcu. Wystarczający kontrast utrzymuje Twoją treść czytelną dla wszystkich.

Wytyczne dotyczące dostępności treści internetowych (WCAG) ustalają standard. AA, poziom, do którego dąży większość stron i do którego odnosi się wiele przepisów o dostępności, wymaga współczynnika 4,5:1 dla zwykłego tekstu i 3:1 dla dużego tekstu. AAA jest surowsze: 7:1 i 4,5:1.

Duży tekst otrzymuje niższy próg, ponieważ większe litery pozostają czytelne przy mniejszym kontraście. Za duży liczy się mniej więcej od 24px (18pt) lub 18,66px (14pt), gdy jest pogrubiony.

Współczynnik pochodzi ze względnej luminancji obu kolorów przy użyciu oficjalnej formuły WCAG, dając wartość od 1:1 (brak kontrastu, identyczne kolory) do 21:1 (czarny na białym).

Wszystko jest obliczane w Twojej przeglądarce, więc jest natychmiastowe i prywatne. Nic, co wybierzesz, nie jest nigdzie wysyłane.