Narzędzia obrazu i designu
Contrast Checker
Contrast Checker działa w przeglądarce, aby sprawdzać, konwertować lub przygotowywać wyniki bez wysyłania danych na serwer.
Input / output
Aa Sample
Text contrast preview
WCAG result
21:1
Recommended color: #000000
Normal text AA
>= 4.5:1
Pass
Normal text AAA
>= 7:1
Pass
Large text AA
>= 3:1
Pass
Large text AAA
>= 4.5:1
Pass
UI component / non-text 3:1
>= 3:1
Pass
CSS code
.sample {
color: #000000;
background: #FFFFFF;
}HelpOpen usage notes, examples, practical tips, and FAQ only when you need them.
What is this tool?
Contrast Checker to lokalne narzędzie przeglądarkowe dla przepływ obrazu i designu. Wejście, opcje i wynik pozostają na jednej stronie.
How to use it
- Wklej dane
Wpisz lub wklej wartość do przetworzenia w polu wejściowym.
- Dostosuj opcje
Wybierz tryb, format lub jednostkę pasującą do contrast, WCAG, accessibility.
- Sprawdź wynik
Uruchom narzędzie i skopiuj lub pobierz wynik po sprawdzeniu.
Examples
Przykład Contrast Checker
- Input
- Przykładowe wejście
- Output
- Wynik sprawdzony w przeglądarce.
Practical tips
- Przy dużej treści zacznij od małej próbki.
- Reklamy pozostają poza głównymi kontrolkami i wynikami.
FAQ
Jakich danych użyć w Contrast Checker?
Użyj wartości pasujących do widocznego zadania i ustaw opcje przed uruchomieniem.
Czy mogę skopiować wynik Contrast Checker?
Tak. Sprawdź wynik, a potem skopiuj go lub pobierz.
Czy Contrast Checker działa na telefonie?
Tak. Wejście, opcje i wynik układają się na małych ekranach.
Czy dane są wysyłane na serwer?
Nie. Narzędzie jest zaprojektowane do przetwarzania danych w przeglądarce.