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

Bambanci

Fail

Matukar talauci

Rubutu na yau da kullum

AA (4.5:1)

✖

AAA (7:1)

✖

Babban rubutu

AA (3:1)

✖

AAA (4.5:1)

✖

Launin rubutu

#FFFFFF

#ffffff

Launin bango

#546E7A

#546e7a

Gyara da sauri

Sunan Dubawa

Kyaftin mai launin ruwan kasa yana tsalle kan kare mai kasala

Misalin rubutu mai ƙanƙanta (12px)

Rubutu

#ffffff

Bango

#546e7a

Ka'idodin WCAG

Level AA

Mafi ƙarancin ƙimar bambanci na 4.5:1 don rubutun al'ada da 3:1 don babbar rubutu. Ana buƙatar ga yawancin yanar gizo.

Level AAA

Ƙara ƙimar bambanci na 7:1 don rubutun al'ada da 4.5:1 don babbar rubutu. Shawarar don samun damar kirki.

Bambanci mara kyau ga duk girman rubutu - bai cika ka'idodin WCAG ba.

Mai duba bambancin launi

Lissafa bambancin launi tsakanin rubutu da launin bango.

Zaɓi launi ta amfani da zaɓin launi don rubutu da launin bango ko shigar da launi a tsarin hexadecimal na RGB (e.g., #259 or #2596BE). Za ka iya daidaita faifan don zaɓar launi. Ka'idodin Shafin Abun Cikakken Intanet (WCAG) suna da takamaiman jagora don taimakawa wajen gano ko rubutu yana da sauƙin karanta ga masu ganin. Wannan ƙa'ida tana amfani da musamman algoridim don taswirar haɗin launi zuwa ƙimar kwatanta. Yin amfani da wannan lissafi, WCAG suna nuna cewa 4.5:1 ƙimar kwatanta launi tare da rubutu da bangonsa ya dace ga rubutun al'ada, kuma babbar rubutu (18+ pt al'ada, ko 14+ pt mai ƙarfin hali) suna buƙatar ƙimar 3:1.

Manyan fasali

• Lissafin bambanci na ainihi
• Duba cika ka'idodin WCAG AA & AAA
• Masu zamewa na HSL don daidaitawa
• Daban-daban na samfoti

Kayan aiki na ci gaba

• Gyaran launi ta atomatik
• Samfuran rubutu da bango
• Gano sunan launi
• Fitar da sakamako