Jaki jest minimalny współczynnik kontrastu WCAG?

WCAG 2.1 AA wymaga współczynnika kontrastu co najmniej 4.5:1 dla tekstu normalnego i 3:1 dla tekstu dużego. AAA wymaga co najmniej 7:1 dla tekstu normalnego i 4.5:1 dla tekstu dużego.

Co kwalifikuje się jako duży tekst?

Duży tekst jest definiowany jako 18pt (około 24px) lub większy, lub 14pt (około 18.67px) pogrubiony lub większy.

Czy to narzędzie przesyła moje kolory?

Nie. Wszystkie obliczenia, oceny luminancji względnej i modyfikacje kolorów odbywają się w Twojej przeglądarce za pomocą JavaScript. Żadne dane kolorów nie są wysyłane na serwer.

WCAG Color Contrast Checker

Oceń współczynnik kontrastu kolorów tekstu i tła zgodnie z wytycznymi WCAG 2.1. Natychmiast generuj dostępne korekty kolorów.

Kolor tekstu / pierwszego planu HEX/RGB/HSL

Background Color HEX/RGB/HSL

Wszystko działa lokalnie w przeglądarce.

Podgląd tekstu na żywo

Duży nagłówek (18pt pogrubiony / 24pt zwykły)

To jest podgląd stylu dużego nagłówka.

Tekst normalny (poniżej 18pt)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel massa lectus.

Współczynnik kontrastu

18.6:1

Status zgodności z WCAG 2.1

Wymagania WCAG AA

Tekst normalny (4.5:1) PASS

Duży tekst (3.0:1) PASS

Wymagania WCAG AAA

Tekst normalny (7.0:1) PASS

Duży tekst (4.5:1) PASS

Wytyczne WCAG 2.1

Łatwo weryfikuj standardy kontrastu, aby tworzyć dostępne interfejsy zgodne z wytycznymi Section 508, ADA oraz WCAG AA lub AAA.

Silnik sugestii

Automatycznie dostosowuj kolory przyrostowo wzdłuż współrzędnych HSL, aby odkryć najbliższe alternatywy, które spełniają kryteria współczynnika kontrastu.

W pełni po stronie klienta

Obliczenia są wykonywane lokalnie w kontekście Twojej przeglądarki. Żadne kolory, pliki ani współrzędne telemetryczne nie są przesyłane na nasze serwery.