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

Tirohia ō tae

Whakamātauria ngā huinga tae kia tutuki ai ngā paerewa urunga o te WCAG mō te māmā o te pānui kuputuhi.

1.00:1

Tairongo

Kāore i eke

Tino kino

Kuputuhi auau

AA (4.5:1)

AAA (7:1)

Kuputuhi nui

AA (3:1)

AAA (4.5:1)

Tae Kuputuhi

Tae Papamuri

Ngā whakatikatika tere

Taitara arokite

Ka peke te pokiha parauri tere i runga i te kurī māngere

Tauira kuputuhi iti (12px)

Kuputuhi

#ffffff

Papamuri

#315ba1

Ngā Paerewa WCAG

Taumata AA

Ko te hautanga iti rawa o te 4.5:1 mō te kuputuhi auau me te 3:1 mō te tuhinga nui. E hiahiatia ana mō te nuinga o ngā pae tukutuku.

Taumata AAA

Ko te hautanga whakatairite pai ake o te 7:1 mō te kuputuhi auau me te 4.5:1 mō te tuhinga nui. E taunakihia ana mō te noho hei kaiwhakarato.

He iti te rerekētanga mō ngā rahi kuputuhi katoa - kāore e tutuki i ngā paerewa WCAG.

Kaitirotiro rerekētanga tae

Tātaitia te ōwehenga tairongo o te kuputuhi me ngā tae papamuri.

Kōwhiria he tae mā te kāpicka tae mō te tae kuputuhi me te papamuri, uru rānei ki tētahi tae i te whakatakotūranga HEX (hei tauira, #259, #2596BE). Ka taea e koe te whakatika i te tīraurau hei whiriwhiri i te tae. Kei te Web Content Accessibility Guidelines (WCAG) tētahi aratohu hei āwhina ki te whakatau mēnā he pānui te kuputuhi mo ngā kaiwhakamahi marama. Ka whakamahi tēnei paearu i tētahi algoritinga motuhake ki te mātai i ngā whakakotahitanga tae ki ngā hautanga whakataurite. Mā te whakamahi i tēnei puka, e kii ana a WCAG he pai te whakatauritenga tae o te 4.5:1 me tō papamuri mō te kuputuhi auau, ā, me takina nui rawa te kuputuhi (18+ pt, 14+ pt mirumiru) hei mowhiti i te āhuatanga o te 3:1 o te hautanga whakatauritenga tae.

Ngā āhuatanga matua

Te tātaitanga rerekētanga wā-tūturu
Te arotake tutukitanga WCAG AA & AAA
Ngā rēreti HSL mō te whakatikatika
Ngā hōputu arokite maha

Ngā utauta arā atu anō

Te whakatikatika tae aunoa
Ngā tauira kuputuhi me te papamuri
Te kitenga ingoa tae
Kaweake i ngā hua