Design Tools
Pemeriksa Kontras Warna
Periksa rasio kontras warna untuk kepatuhan aksesibilitas WCAG
Warna Latar Depan
Warna Latar Belakang
Judul Pratinjau
Ini adalah teks contoh untuk memeriksa keterbacaan dengan kombinasi warna yang dipilih.
16px
Teks besar (≥18px atau ≥14px tebal) memerlukan kontras lebih rendah.
Rasio Kontras
14.18:1
Teks Normal (<18px)
AA (4.5:1)AAA (7:1)
Teks Besar (≥18px / ≥14px bold)
AA (3:1)AAA (4.5:1)
Komponen UI
AA (3:1)
Tentang WCAG
WCAG 2.1 Level AA: Minimum 4,5:1 untuk teks normal, 3:1 untuk teks besar.
WCAG 2.1 Level AAA: Ditingkatkan 7:1 untuk teks normal, 4,5:1 untuk teks besar.
Mengapa menggunakan Pemeriksa Kontras Warna?
- ✓100% Gratis - Tidak ada biaya tersembunyi atau fitur premium
- ✓Tanpa Daftar - Gunakan langsung tanpa membuat akun
- ✓Privasi Utama - Semua pemrosesan terjadi di browser Anda. Data Anda tidak pernah meninggalkan perangkat
- ✓Sangat Cepat - Hasil instan tanpa penundaan server
Cara Menggunakan
- Masukkan atau tempel teks Anda di area input di atas
- Alat akan memproses input Anda secara otomatis
- Salin hasilnya atau unduh sebagai file
Fitur
- ✓WCAG 2.1 AA and AAA level checks
- ✓Real-time contrast ratio calculation
- ✓Text preview on background
- ✓Suggested color adjustments
- ✓Large text vs normal text standards
- ✓Color picker integration
Pertanyaan yang Sering Diajukan
What is a good contrast ratio?
WCAG AA requires 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 for normal text.