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

1.00:1

Kontrast

Fail

Zelo slabo

Navadno besedilo

AA (4.5:1)

✖

AAA (7:1)

✖

Veliko besedilo

AA (3:1)

✖

AAA (4.5:1)

✖

Barva besedila

#FFFFFF

#ffffff

Barva ozadja

#546E7A

#546e7a

Hitri popravki

Naslov predogleda

Hiter rjav lisjak skoči čez lenega psa

Primer majhnega besedila (12px)

Besedilo

#ffffff

Ozadje

#546e7a

WCAG standardi

Level AA

Minimalno kontrastno razmerje 4.5:1 za navadno besedilo in 3:1 za veliko besedilo. Zahtevano za večino spletnih mest.

Level AAA

Izboljšano kontrastno razmerje 7:1 za navadno besedilo in 4.5:1 za veliko besedilo. Priporočeno za optimalno dostopnost.

Nezadosten kontrast za vse velikosti besedila - ne ustreza WCAG standardom.

Preverjevalnik barvnega kontrasta

Izračunaj kontrastno razmerje med barvami besedila in ozadja.

Izberi barvo s pomočjo barvnega izbirnika za besedilo in ozadje ali vnesi barvo v RGB šestnajstiški obliki (npr. #259 ali #2596BE). Lahko prilagodiš drsnik za izbiro barve. Smernice za dostopnost spletnih vsebin (WCAG) vključujejo smernice za zagotavljanje berljivosti besedila za uporabnike s pregledom. Ta kriterij uporablja poseben algoritem za preslikavo barvnih kombinacij v primerljiva razmerja. Po tej formuli WCAG navaja, da je 4.5:1 barvno kontrastno razmerje z besedilom in njegovim ozadjem primerno za običajno (telo) besedilo, velika besedila (18+ pt navadno, ali 14+ pt krepko) pa morajo imeti najmanj 3:1 barvno kontrastno razmerje.

Ključne funkcije

• Izračun kontrastnega razmerja v realnem času
• Preverjanje skladnosti z WCAG AA & AAA
• HSL drsniki za fino nastavitev
• Več formatov predogleda

Napredna orodja

• Samodejno popravljanje barv
• Vzorci besedila in ozadja
• Zaznavanje imena barve
• Izvoz rezultatov

Preverjalnik kontrasta barv