>

← Kembali ke semua tools

Color Contrast Checker

🎨

Color Contrast Checker

Contrast Ratio -
WCAG AA (normal) -
WCAG AA (large) -
WCAG AAA -
Teks contoh dengan warna ini

Minimal 4.5:1 untuk teks normal (WCAG AA). 7:1 untuk AAA.

Color contrast (kontras warna) adalah perbedaan kecerahan antara teks dan latar belakang. Kontras yang cukup penting untuk aksesibilitas (pengguna dengan gangguan penglihatan, pengguna di layar cerah) dan memenuhi standar WCAG (Web Content Accessibility Guidelines). WCAG 2.1 Level AA mensyaratkan rasio kontras minimal 4.5:1 untuk teks normal dan 3:1 untuk teks besar (18pt+ atau 14pt+ bold). Tool ini mengukur rasio kontras warna teks dan latar.

Berapa rasio kontras yang memenuhi WCAG AA?

Untuk teks normal (≤18pt, atau ≤14pt bold): ≥4.5:1. Untuk teks besar (>18pt, atau >14pt bold): ≥3:1. Rasio 7:1 (Level AAA) adalah target lebih ketat untuk teks normal.

Apakah kontras mempengaruhi SEO?

Tidak secara langsung — kontras adalah faktor aksesibilitas, bukan sinyal ranking. Tapi situs yang memenuhi aksesibilitas cenderung lebih baik kualitasnya dan lebih inklusif, yang secara tidak langsung mendukung kualitas situs secara keseluruhan — dan aksesibilitas sedang menjadi sinyal yang lebih dihargai Google.

Get 3 new free tools every Friday

No spam. Unsubscribe anytime.