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

Semak warna anda

Uji kombinasi warna untuk memastikan ia memenuhi piawaian kebolehcapaian WCAG untuk kebolehbacaan teks.

1.00:1

Kontras

Gagal

Sangat lemah

Teks biasa

AA (4.5:1)

AAA (7:1)

Teks besar

AA (3:1)

AAA (4.5:1)

Warna Teks

Warna Latar Belakang

Pembaikan pantas

Tajuk pratonton

Si musang coklat pantas melompat ke atas anjing malas

Contoh teks kecil (12px)

Teks

#ffffff

Latar

#983d61

Piawaian WCAG

Tahap AA

Nisbah kontras minimum 4.5:1 untuk teks biasa dan 3:1 untuk teks besar. Diperlukan untuk kebanyakan laman web.

Tahap AAA

Nisbah kontras dipertingkatkan 7:1 untuk teks biasa dan 4.5:1 untuk teks besar. Disyorkan untuk aksesibiliti optimum.

Kontras tidak mencukupi untuk semua saiz teks - tidak memenuhi piawaian WCAG.

Pemeriksa kontras warna

Kira nisbah kontras warna teks dan latar belakang.

Pilih warna menggunakan pemilih warna untuk teks dan warna latar belakang atau masukkan warna dalam format heksadesimal RGB (contohnya, #259 atau #2596BE). Anda boleh melaraskan peluncur untuk memilih warna. Garis Panduan Kandungan Web (WCAG) mempunyai garis panduan khusus untuk membantu menentukan sama ada teks kelihatan bagi pengguna yang dapat melihat. Kriteria ini menggunakan algoritma tertentu untuk memetakan kombinasi warna kepada nisbah yang boleh dibandingkan. Menggunakan formula ini, WCAG menyatakan bahawa nisbah kontras warna 4.5:1 dengan teks dan latar belakangnya mencukupi untuk teks biasa, dan teks besar (18+ pt biasa, atau 14+ pt tebal) harus mempunyai sekurang-kurangnya 3:1 nisbah kontras warna.

Ciri utama

Pengiraan nisbah kontras masa nyata
Pemeriksaan pematuhan WCAG AA & AAA
Peluncur HSL untuk penalaan halus
Pelbagai format pratonton

Alat lanjutan

Pembetulan warna automatik
Contoh teks dan latar belakang
Pengesanan nama warna
Eksport hasil