Sprawdzanie kontrastu kolorów

Sprawdź współczynnik kontrastu dwóch kolorów według WCAG AA/AAA

O tym kalkulatorze

Sprawdzanie kontrastu kolorów oblicza współczynnik kontrastu WCAG 2.x między kolorem pierwszego planu a kolorem tła za pomocą wzoru na luminancję względną (L1 + 0,05) / (L2 + 0,05). Przyjmuje zapis #rgb, #rrggbb i rgb(r,g,b), a podaje dokładny współczynnik, luminancję obu kolorów oraz ocenę spełnienia poziomów AA i AAA dla zwykłego tekstu (4,5:1 / 7:1) i dużego tekstu (3:1 / 4,5:1). Nieprawidłowe kolory zwracają błąd. Niezbędne przy projektowaniu dostępnych stron internetowych.

Sprawdzanie kontrastu kolorów: instrukcja obsługi

  1. Wpisz lub wklej dane wejściowe w pole.
  2. Odczytaj wynik — aktualizuje się natychmiast podczas wpisywania.
  3. W razie potrzeby dostosuj opcje do swojego zastosowania.
  4. Skopiuj adres URL strony, aby udostępnić dokładnie ten wynik.

Typowe przykłady

  • #000000 na #ffffff → 21,0000:1 — spełnia wszystkie poziomy AA i AAA
  • #777777 na #ffffff → 4,4781:1 — o włos nie spełnia AA dla zwykłego tekstu, spełnia AA dla dużego
  • #0066cc na #ffffff → 5,5666:1 — AA spełnione, AAA dla zwykłego tekstu nie
  • #ffcc00 na #333333 → 8,3564:1 — spełnia AAA dla tekstu każdej wielkości

Najczęściej zadawane pytania

Sprawdzanie kontrastu kolorów: jak to działa?

Wpisz lub wklej dane wejściowe, a narzędzie przetworzy je bezpośrednio w przeglądarce i od razu pokaże wynik. Nic, co wpisujesz, nie jest wysyłane na serwer — całe obliczenie odbywa się na Twoim urządzeniu.

Sprawdzanie kontrastu kolorów: kiedy się przydaje?

Przydaje się w programowaniu, debugowaniu, projektowaniu i administracji — zawsze, gdy trzeba szybko wykonać taką konwersję lub sprawdzenie bez instalowania czegokolwiek i bez powierzania swoich danych zewnętrznej usłudze.

Jak wiarygodne są wyniki?

Narzędzie bezpośrednio implementuje odpowiedni standard lub specyfikację, więc jego wynik jest zgodny z tym, co generuje zgodne z nimi oprogramowanie. Przypadki brzegowe, takie jak puste lub błędne dane wejściowe, są wyraźnie zgłaszane, zamiast kończyć się cichym błędem.

Czy mogę udostępnić komuś konkretny wynik?

Tak. Dane wejściowe aktualizują adres URL, więc wystarczy skopiować adres z paska przeglądarki i wysłać link — każdy, kto go otworzy, zobaczy narzędzie w tym samym stanie.