Kontroler kontrastu kolorów
BetaSprawdź, czy kombinacja tekstu i koloru tła spełnia wytyczne dotyczące dostępności WCAG.
- Darmowe
- Bez rejestracji
- Działa w przeglądarce
- Działa na telefonie
Kontroler kontrastu kolorów w skrócie
- Wejście
- Kolory pierwszego planu i tła
- Wyjście
- Współczynnik kontrastu i stan zgodności z WCAG
- Prywatność
- Wszystko odbywa się na Twoim urządzeniu. Nic nie jest przesyłane na serwer.
- Cena
- Darmowe, bez rejestracji, bez znaku wodnego.
Jak używać Kontroler kontrastu kolorów
- 1Wprowadź kolor tekstu (pierwszego planu) i kolor tła.
- 2Narzędzie natychmiast oblicza współczynnik kontrastu pomiędzy dwoma kolorami.
- 3Wyświetla, czy kombinacja spełnia, czy nie, standardy WCAG AA i AAA dla normalnego i dużego tekstu.
Funkcje
- Obliczanie współczynnika kontrastu na żywo.
- Status zgodności z WCAG AA i AAA.
- Akceptuje formaty kolorów HEX, RGB lub HSL.
- Wizualny podgląd tekstu na wybranym tle.
Kontroler kontrastu kolorów – Najczęściej zadawane pytania
Czym jest WCAG?
WCAG oznacza Wytyczne dotyczące dostępności treści internetowych. Jest to zbiór standardów mających na celu zwiększenie dostępności treści internetowych dla osób niepełnosprawnych, w tym osób z wadami wzroku.
Jaki jest dobry współczynnik kontrastu?
WCAG AA wymaga proporcji co najmniej 4,5:1 dla normalnego tekstu i 3,1:1 dla dużego tekstu. WCAG AAA wymaga 7:1 dla normalnego tekstu i 4,5:1 dla dużego tekstu.
Dlaczego kontrast ma znaczenie?
Wysoki kontrast sprawia, że tekst jest czytelny i czytelny dla każdego, zwłaszcza dla użytkowników słabowidzących lub daltonistów.
Powiązane narzędzia
Konwerter HEX na RGBBetaNatychmiastowa konwersja kodów kolorów HEX na RGB i odwrotnie.Base64 DecoderDecode Base64 (standard or URL-safe) back to text.Base64 EncoderEncode text to Base64, with a URL-safe option.Border Radius GeneratorRound corners visually, one or all at once, and copy the CSS shorthand.
Więcej narzędzi: developer toolsOstatnia aktualizacja