Sprawdzanie Kontrastu

Sprawdź współczynniki kontrastu WCAG. Dostępny tekst.

Kolor tekstu (pierwszy plan)

Kolor tła

Sugestie zgodności

Współczynnik kontrastu6.75:1Luminancja: Tekst 0.320 | BG 0.005

AA Normalny tekst (4.5:1) ZALICZONE

AA Duży tekst (3.0:1) ZALICZONE

AAA Normalny tekst (7.0:1) NIEZALICZONE

AAA Duży tekst (4.5:1) ZALICZONE

Interaktywne renderowanie próbki

Normalny tekst (14pt / 16px)

Design is not just what it looks like and feels like. Design is how it works.

Duży tekst (18pt / 24px pogrubienie)

Design is not just what it looks like and feels like. Design is how it works.

Jak to działa

Narzędzie mierzy współczynnik kontrastu WCAG; czytelność w praktyce zależy też od rozmiaru czcionki, grubości i renderowania — narzędzie osobno raportuje progi dla dużego tekstu.
Sprawdza pojedynczą parę pierwszy plan/tło, a nie cały interfejs naraz.

WCAG AA wymaga 4,5:1 dla tekstu normalnego i 3:1 dla dużego; AAA wymaga 7:1 i 4,5:1. Narzędzie pokazuje, które poziomy spełnia Twoja para.

Większy, grubszy tekst czyta się łatwiej, więc WCAG dopuszcza dla niego niższy próg kontrastu. Narzędzie raportuje oba przypadki.

Nie. Obliczenie kontrastu działa w całości w Twojej przeglądarce.