Color Contrast Checker
Uji rasio kontras warna teks dan latar berdasarkan standar aksesibilitas WCAG 2.1 AA & AAA.
Cara Menggunakan
Pilih Warna Teks & Latar
Masukkan kode HEX atau gunakan pemilih warna untuk teks dan background.
Periksa Rasio Kontras
Lihat angka rasio kontras dan status kelulusan standar WCAG 2.1.
Lihat Simulasi
Periksa kotak simulasi untuk memastikan teks tetap nyaman dibaca oleh semua orang.
Kalkulator kontras warna komprehensif untuk memastikan desain website Anda memenuhi pedoman aksesibilitas Web Content Accessibility Guidelines (WCAG 2.1). Menghitung rasio kontras numerik, badge kelulusan level AA/AAA, dan simulasi tampilan nyata.
Spesifikasi & Keamanan
- Penghitungan rasio kontras numerik eksak berdasarkan rumus WCAG 2.1
- Indikator kelulusan untuk Teks Normal (AA & AAA) dan Teks Besar
- Simulasi tampilan nyata heading, paragraf, dan tombol interaktif
- Tombol swap warna dan preset kombinasi warna populer
Alat Terkait
Lihat Kategori Alat Developer →Image Color Picker
Ambil dan periksa kode warna HEX, RGB, HSL langsung dari foto atau gambar apa pun.
Image Palette Extractor
Ekstrak palet warna dominan dan harmonis dari foto dengan ekspor CSS/Tailwind/JSON.
Color Palette Generator
Hasilkan palet warna harmonis (komplementer, analog, triadic) dengan ekspor ke CSS & Tailwind.