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

Kontras

Fail

Pisan goréng

Téks Normal

AA (4.5:1)

✖

AAA (7:1)

✖

Téks ageung

AA (3:1)

✖

AAA (4.5:1)

✖

Warna Téks

#FFFFFF

#ffffff

Warna Latar Tukang

#546E7A

#546e7a

Perbaikan Gancang

Judul pratinjau

Rubah coklat gancang ngaluncat ngaliwatan anjing malas

Conto téks leutik (12px)

Téks

#ffffff

Latar

#546e7a

Standar WCAG

Level AA

Rasio kontras minimum 4.5:1 kanggo téks normal sareng 3:1 pikeun téks ageung. Diperyogikeun pikeun kalolobaan situs wéb.

Level AAA

Rasio kontras ningkat 7:1 pikeun téks normal sareng 4.5:1 kanggo téks ageung. Disarankeun pikeun aksésibilitas optimal.

Kontras teu cukup pikeun sadaya ukuran téks - gagal standar WCAG.

Pamariksa Kontras Warna

Itung rasio kontras tina téks jeung warna latar tukang.

Pilih warna nganggo selector warna keur teks jeung warna latar atawa ketik warna dina format heksadesimal RGB (mis. #259 atawa #2596BE). Anjeun tiasa nyaluyukeun slider pikeun milih warna. Pedoman Aksesibilitas Kontén Wéb (WCAG) gaduh pedoman khusus pikeun mastikeun naha teks tiasa dibaca ku pangguna anu awas. Kritéria ieu ngagunakeun algoritma khusus pikeun meunteun kombinasi warna kana rasio anu bisa dibandingkeun. Ngagunakeun rumus ieu, WCAG nyatakeun yén rasio kontras warna 4.5:1 kalayan teks sareng latar tukangna cukup pikeun teks regulér (badan), sareng teks ageung (18+ pt regulér, atanapi 14+ pt tebal) kedah ngagaduhan sahanteuna rasio kontras 3:1.

Fitur Utama

• Itungan rasio kontras sacara real-time
• Pamariksaan patuh WCAG AA & AAA
• Slider HSL pikeun nyaluyukeun
• Beberapa format pratinjau

Alat Canggih

• Perbaikan warna otomatis
• Sampel téks sareng latar tukang
• Deteksi ngaran warna
• Ékspor hasil

Pamariksaan Kontras Warna