Darmowe narzędzie
Sprawdza stosunek kontrastu między kolorem tekstu a tłem według wzoru jasności WCAG 2.x. Wyniki AA i AAA są pokazywane dla zwykłego oraz dużego tekstu.
Preview
The quick brown fox jumps over the lazy dog
Body sample copy at normal size — review legibility for the smallest text in your interface.
Smaller helper text checks captions and subtle labels.
Współczynnik kontrastu
17.85:1
Normal text
≥ 4.5:1 AA · ≥ 7:1 AAA
Large text
≥ 3:1 AA · ≥ 4.5:1 AAA
Potrzebujesz też faktury? Twórz darmowe faktury w Invoicey.
Przepływ
Trzy szybkie kroki od danych wejściowych do wyniku w Twoim stacku.
Krok 1
Wybierz lub wklej kolory tekstu i tła.
Krok 2
Użyj selektora albo wpisz wartości hex ręcznie.
Krok 3
Odczytaj kontrast oraz status AA/AAA natychmiast.
Dlaczego zespoły to wykorzystują
Overview
Tester kontrastów WCAG is a practical online utility for day-to-day business and content workflows. It is designed to reduce friction in common tasks so you can move from input to result quickly. Instead of installing heavy desktop tools, you can run the process in-browser and export output immediately.
Teams often need fast one-off tools without onboarding overhead. Tester kontrastów WCAG helps with exactly that: quick execution, straightforward controls, and downloadable output. It works well for freelancers, small teams, and operators who need reliable utility actions inside modern workflow stacks.
For the best results, use clear input data, verify final output before publishing, and keep copies of generated assets in your project folders. If you use the output in client-facing documents, review labels and formatting for consistency with your brand and compliance requirements.
Odpowiedzi
To liczba oparta na luminancji obu warstw (do ok. 21:1). Dla poziomu AA zwykle wymaga się ≥4,5:1 dla zwykłego tekstu i ≥3:1 dla dużego.
Z grubsza od ~24 px przy regularnej lub ~18,5–19 px przy pogrubieniu ekwiwalencie. Nagłówki i wyraźne przyciski często spełniają próg dla dużego tekstu.
Nasycone barwy rzadko dają AA na białym. Przyciemnij literki, zmień tintę tła albo zostaw mocny kolor tylko na akcentach.
Nie — obliczenia działają w przeglądarce według standardowej matematyki WCAG; Invoicey ich nie pobiera.
Gdy AA działa też przy hover lub disabled, interfejs jest bezpieczniejszy; testuj wszystkie stany wizualne.
Odkryj więcej
Inne darmowe narzędzie na tym samym poziomie, bez ściany rejestracji.
