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

Örän garyp

Adaty tekst

AA (4.5:1)

✖

AAA (7:1)

✖

Uly tekst

AA (3:1)

✖

AAA (4.5:1)

✖

Tekstiň reňki

Black

#000000

Arka reňki

Black

#ff6840

Çalt düzedişler

Adyň deslapky syny

Çalt goňur tilki ýalta itiň üstünden bökýär

Kiçi tekst mysaly (12px)

Tekst

#000000

Düşündiriş

#ff6840

WCAG standartlary

Level AA

Adaty tekst üçin iň pes kontrast gatnaşygy 4,5: 1, uly tekst üçin 3: 1. Web sahypalarynyň köpüsi üçin zerur.

Level AAA

Adaty tekst üçin 7: 1 we uly tekst üçin 4,5: 1 artdyrylan kontrast gatnaşygy. Iň amatly elýeterlilik üçin maslahat berilýär.

Texthli tekst ölçegleri üçin pes kontrast.

Reňk kontrastyny barlaýjy

Tekstiň we fon reňkleriniň kontrast gatnaşygyny hasaplaň.

Tekst we fon reňki üçin reňk saýlaýjyny ulanyp reňk saýlaň ýa-da RGB alty ölçegli reňkde bir reňk giriziň (meselem, # 259 ýa-da # 2596BE). Reňk saýlamak üçin slaýderi sazlap bilersiňiz. Web Mazmuna Elýeterlilik Gollanmalary (WCAG), görýän ulanyjylar üçin tekstiň okalýandygyny ýa-da ýokdugyny anyklamak üçin ýörite görkezme bar. Bu kriteriýalar, reňk kombinasiýalaryny deňeşdirip boljak derejelere kartalaşdyrmak üçin belli bir algoritmi ulanýar. WCAG bu formulany ulanyp, 4,5: 1 reňk kontrastynyň tekst we fon bilen yzygiderli (beden) tekst üçin ýeterlikdigini, uly tekstiň (18+ pt yzygiderli ýa-da 14+ pt goýy) azyndan 3 bolmalydygyny aýdýar: 1 reňk kontrast gatnaşygy.

Esasy aýratynlyklary

• Hakyky wagt kontrast gatnaşygy hasaplamak
• WCAG AA & AAA laýyklygyny barlamak
• Inçe düzmek üçin HSL slaýderleri
• Birnäçe deslapky format

Ösen gurallar

• Awtomatiki reňk düzmek
• Tekst we fon nusgalary
• Reňk adyny kesgitlemek
• Eksport netijeleri

ImageColorPicker.com

Reňk kontrast barlaýjy