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

Ongorora mavara ako

Edza musanganiswa wemavara kuti uone kana uchisangana nemaitiro eWCAG ekunyora kunoverengwa.

1.00:1

Musiyano

Kusapfuura

Zvakanyanya kushata

Chinyorwa chakajairika

AA (4.5:1)

AAA (7:1)

Kunyora kukuru

AA (3:1)

AAA (4.5:1)

Ruvara rwekunyora

Ruvara rwekumashure

Kugadzirisa nekukurumidza

Musoro weongororo

Gonzo rakasviba rinokurumidza kupfuura imbwa inonetsekana

Muenzaniso wemavara madiki (12px)

Mavara

#ffffff

Kumashure

#a1e9de

Maitiro eWCAG

Nhanho AA

Minimum musiyano wemavara we4.5:1 wekunyora kwechinyorwa uye 3:1 wekunyora kukuru. Zvinodiwa kune mazhinji emawebhusaiti.

Nhanho AAA

Musiyano wakawedzerwa we7:1 wekunyora kwechinyorwa uye 4.5:1 wekunyora kukuru. Zvinokurudzirwa kuti zvive nyore kuverenga.

Kusiyana kwakashoma kwehukuru hwese hwekunyora - kunotadza mitemo yeWCAG.

Checker yemusiyano wemavara

Verenga musiyano wekunyora uye kumashure kwemavara.

Sarudza ruvara uchishandisa selector de color yemavara ekunyora uye kumashure kana pinda ruvara muRGB hexadecimal fomati (semuenzaniso, #259 kana #2596BE). Unogona kugadzirisa slider kusarudza ruvara. Web Content Accessibility Guidelines (WCAG) ine gwara rakatarwa kuti ibatsire kuona kana kunyora kuchiverengwa nevashandisi vanoona. Iyi mitemo inoshandisa algorithm chaiyo kuti ienzanise musanganiswa wemavara kuita ratios inofananidzwa. Uchishandisa fomula iyi, WCAG inotaura kuti 4.5:1 musiyano wemavara nekunyora uye kumashure kwayo kwakakwana kune kunyora kwechinyorwa, uye kunyora kukuru (18+ pt regular, kana 14+ pt bold) kunofanirwa kuve ne3:1 musiyano wemavara.

Zvinhu zvikuru

Kuverenga kwekusiyana kwechinguva
Kuongorora kutevedzera WCAG AA & AAA
HSL sliders yekugadzirisa
Mhando dzakasiyana dzekutarisa

Zvishandiso zvakadzama

Kugadzirisa mavara otomatiki
Mienzaniso yezvinyorwa uye kumashure
Kuziva zita remavara
Tumira mhedzisiro