What is the minimum contrast ratio for WCAG AA compliance?

For WCAG AA compliance, normal text requires a minimum contrast ratio of 4.5:1, while large text (18pt or 14pt bold) requires 3:1.

What is the difference between WCAG AA and AAA standards?

WCAG AAA requires higher contrast ratios: 7:1 for normal text and 4.5:1 for large text, compared to AA's 4.5:1 and 3:1 respectively.

How do I fix poor color contrast?

Use our automatic fix feature to adjust either text or background colors while maintaining your design intent, or manually adjust colors using HSL sliders with visual indicators showing optimal zones for AA/AAA compliance.

What are the visual indicators on the adjustment sliders?

The green zones and AA/AAA markers show optimal ranges for achieving WCAG compliance. The direction hints (Lighter/Darker) guide you toward better contrast based on your current color combination.

Can I test custom color combinations?

Yes, you can enter any hex color codes or use the color picker to select custom colors. The URL updates automatically so you can share specific color combinations.

Color Contrast Checker - WCAG AA & AAA Compliance Tool

Sprawdź swoje kolory

Testuj kombinacje kolorów, aby upewnić się, że spełniają standardy dostępności WCAG dla czytelności tekstu.

1.00:1

Kontrast

Niezaliczone

Bardzo słaby

Normalny tekst

AA (4.5:1)

AAA (7:1)

Duży tekst

AA (3:1)

AAA (4.5:1)

Kolor tekstu

Kolor tła

Szybkie poprawki

Tytuł podglądu

Szybki brązowy lis przeskakuje nad leniwym psem

Przykład małego tekstu (12px)

Tekst

#ffffff

Tło

#126b40

Standardy WCAG

Poziom AA

Minimalny współczynnik kontrastu 4.5:1 dla normalnego tekstu i 3:1 dla dużego tekstu. Wymagane dla większości stron internetowych.

Poziom AAA

Zwiększony współczynnik kontrastu 7:1 dla normalnego tekstu i 4.5:1 dla dużego tekstu. Zalecane dla optymalnej dostępności.

Niewystarczający kontrast dla wszystkich rozmiarów tekstu - nie spełnia standardów WCAG.

Narzędzie do sprawdzania kontrastu kolorów

Oblicz współczynnik kontrastu tekstu i kolorów tła.

Wybierz kolor za pomocą selektora kolorów dla tekstu i tła lub wprowadź kolor w formacie szesnastkowym RGB (np. #259 lub #2596BE). Możesz dostosować suwak, aby wybrać kolor. Wytyczne dotyczące dostępności treści w sieci (WCAG) zawierają szczegółowe wytyczne, które pomagają określić, czy tekst jest czytelny dla osób widzących. Kryteria te wykorzystują określony algorytm do mapowania kombinacji kolorów na porównywalne współczynniki. Zgodnie z tą formułą, WCAG stwierdza, że współczynnik kontrastu 4.5:1 między tekstem a jego tłem jest wystarczający dla zwykłego tekstu (treść), a duży tekst (18+ pt zwykły lub 14+ pt pogrubiony) powinien mieć co najmniej współczynnik kontrastu 3:1.

Kluczowe funkcje

Obliczanie współczynnika kontrastu w czasie rzeczywistym
Sprawdzanie zgodności z WCAG AA i AAA
Suwaki HSL do precyzyjnego dostrajania
Wiele formatów podglądu

Zaawansowane narzędzia

Automatyczna naprawa kolorów
Próbki tekstu i tła
Wykrywanie nazw kolorów
Eksport wyników

Sprawdzanie kontrastu kolorów