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

White

#ffffff

Barva ozadja

Black

#ffcccc

Hitri popravki

Naslov predogleda

Hiter rjav lisjak skoči čez lenega psa

Primer majhnega besedila (12px)

Besedilo

#ffffff

Ozadje

#ffcccc

WCAG standardi

Level AA

Minimalno kontrastno razmerje 4,5:1 za navadno besedilo in 3:1 za veliko besedilo. Zahtevano za večino spletnih strani.

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 z barvnim izbirnikom za besedilo in barvo ozadja ali vnesi barvo v RGB šestnajstiškem formatu (npr. #259 ali #2596BE). Drsnik lahko prilagodiš za izbiro barve. Smernice za dostopnost spletnih vsebin (WCAG) imajo specifične smernice, ki pomagajo ugotoviti, ali je besedilo berljivo za uporabnike z vidom. Ta kriterij uporablja poseben algoritem za pretvorbo barvnih kombinacij v primerljiva razmerja. Po tej formuli WCAG navaja, da je kontrastno razmerje 4,5:1 med besedilom in njegovim ozadjem ustrezno za navadno (telo) besedilo, medtem ko mora imeti veliko besedilo (18+ pt navadno, ali 14+ pt krepko) vsaj 3:1 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

ImageColorPicker.com

Preverjalnik kontrasta barv