Sprawdzanie kontrastu
Wybierz kolor tekstu i tła, aby zobaczyć współczynnik kontrastu na żywo i sprawdzić, czy spełnia wytyczne dostępności WCAG AA i AAA dla zwykłego i dużego tekstu. Podgląd na żywo pokazuje zestawienie w praktyce.
Jak to działa
Wybierz kolor tekstu i tła za pomocą selektorów lub wpisując kod szesnastkowy. Współczynnik kontrastu jest obliczany na podstawie względnej jasności obu kolorów i porównywany z progami WCAG dla zwykłego tekstu (4,5:1 dla AA, 7:1 dla AAA) i dużego tekstu (3:1 dla AA, 4,5:1 dla AAA).
Wskazówka
Jeśli zestawienie nie przechodzi testu, spróbuj przyciemnić ciemniejszy kolor lub rozjaśnić jaśniejszy — nawet niewielkie zmiany mogą przesunąć współczynnik powyżej kolejnego progu.
Co liczy się jako „duży tekst”?
WCAG definiuje duży tekst jako co najmniej 18pt (24px) lub 14pt (~18,5px) pogrubiony — nagłówki i podobny wyróżniony tekst mogą korzystać z łagodniejszych progów dla dużego tekstu.
Więcej narzędzi w tej kategorii
Kalkulator ekspozycji
Znajdź równoważne ustawienia ekspozycji dla przysłony, czasu naświetlania i ISO.
Kalkulator proporcji obrazu
Skaluj obraz lub wideo proporcjonalnie i znajdź uproszczone proporcje.
Generator gradientów CSS
Zaprojektuj liniowy lub radialny gradient CSS i skopiuj wygenerowany kod.
Generator palety kolorów
Zamień dowolny kolor bazowy w palety komplementarne, analogiczne i triadyczne.
Konwerter formatów kolorów
Błyskawicznie konwertuj dowolny kolor między HEX, RGB, HSL i CMYK, z kopiowaniem jednym kliknięciem dla każdego formatu.
Generator skali typograficznej
Wygeneruj harmonijny zestaw rozmiarów czcionek na podstawie rozmiaru bazowego i współczynnika skali, gotowy do skopiowania jako blok właściwości niestandardowych CSS.