Sprawdzanie kontrastu kolorów

Jak to zrobić

1. 1
   Wypełnij pola

   Wpisz liczby lub wybierz potrzebne opcje.

2. 2
   Zobacz wynik

   Odpowiedź aktualizuje się od razu po zmianie wartości.

3. 3
   Użyj go

   Skopiuj wynik lub zapisz go. Nic nie jest nigdzie wysyłane.

About this tool

Enter a text colour and a background colour as hex codes. You see the contrast ratio and whether it passes the WCAG 2 levels: AA needs 4.5 to 1 for normal text and 3 to 1 for large text, AAA needs 7 to 1 and 4.5 to 1. Good contrast helps everyone, especially people with low vision.

When to use it

Check text and background colours against WCAG contrast rules.

Tips

Aim for 4.5:1 for normal text and 3:1 for large text.

Privacy

Everything runs in your browser, so your data is not uploaded or stored.

Przykład z rozwiązaniem

With the boxes at their starting values (Text colour (hex): #1f2937; Background colour (hex): #ffffff), the tool shows: AA, normal text (4.5 : 1): Pass; AA, large text (3 : 1): Pass; AAA, normal text (7 : 1): Pass; AAA, large text (4.5 : 1): Pass; Interface parts and icons (3 : 1): Pass; Contrast ratio: 14.68 : 1. Change any box to see your own numbers. The result updates as you type, and nothing leaves your browser.

Wskazówki dla najlepszych wyników

Sprawdź każde pole, zanim zaufasz wynikowi, bo jedna błędna cyfra zmienia całą odpowiedź. Używaj dokładnych liczb z odcinka wypłaty, faktury, świadectwa lub umowy i zanotuj datę obliczeń. Stawki, progi i zasady zmieniają się od czasu do czasu, więc w sprawach podatków, opłat i prawa traktuj wynik jako szacunek i porównaj go z oficjalnym źródłem podanym na tej stronie. Możesz wypróbować dowolną liczbę scenariuszy; nic nie jest zapisywane ani wysyłane, a odświeżenie strony czyści pola.