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

Preveri svoje barve

Preizkusi barvne kombinacije, da zagotoviš, da ustrezajo WCAG standardom dostopnosti za berljivost besedila.

1.00:1

Kontrast

Neuspešno

Zelo slabo

Navadno besedilo

AA (4.5:1)

AAA (7:1)

Veliko besedilo

AA (3:1)

AAA (4.5:1)

Barva besedila

Barva ozadja

Hitri popravki

Naslov predogleda

Hiter rjav lisjak skoči čez lenega psa

Primer majhnega besedila (12px)

Besedilo

#ffffff

Ozadje

#6b4e31

WCAG standardi

Raven AA

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

Raven 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