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

White

#ffffff

Warna Latar Tukang

Flamenco

#ff7d07

Perbaikan Gancang

Judul pratinjau

Rubah coklat gancang ngaluncat ngaliwatan anjing malas

Conto téks leutik (12px)

Téks

#ffffff

Latar

#ff7d07

Standar WCAG

Level AA

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

Level AAA

Rasio kontras anu ditingkatkeun 7:1 pikeun téks normal sareng 4.5:1 pikeun 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 ngagunakeun color picker pikeun téks jeung warna latar tukang atawa lebetkeun warna dina format RGB hexadecimal (misalna, #259 atawa #2596BE). Anjeun tiasa nyaluyukeun slider pikeun milih warna. Pedoman Aksesibilitas Kontén Wéb (WCAG) gaduh pedoman husus pikeun ngabantosan nangtukeun naha téks tiasa dibaca ku pangguna anu ningali. Kriteria ieu ngagunakeun algoritma khusus pikeun memetakan kombinasi warna kana rasio anu tiasa dibandingkeun. Ngagunakeun rumus ieu, WCAG nyatakeun yén rasio kontras warna 4.5:1 sareng téks sareng latar tukangna cukup pikeun téks biasa, sareng téks ageung (18+ pt biasa, atanapi 14+ pt kandel) kedah gaduh sahenteuna rasio kontras warna 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

ImageColorPicker.com

Pamariksaan Kontras Warna