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

Duba launukanku

Gwada haɗin launi don tabbatar da sun cika ka'idodin samun dama na WCAG don karantawa.

1.00:1

Bambanci

Bai wuce ba

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

Launin bango

Gyara da sauri

Taken samfoti

Kyaftin mai launin ruwan kasa yana tsalle kan kare mai kasala

Misalin rubutu mai ƙanƙanta (12px)

Rubutu

#ffffff

Bango

#8c6495

Ka'idodin WCAG

Mataki 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.

Mataki 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