Cek Kontras Warna
Pastikan teks di desain, poster, atau website mudah dibaca semua orang. Masukkan warna teks dan latar, lihat rasio kontrasnya, dan dapatkan saran warna yang lolos standar.
- Gratis
- Tanpa daftar
- Diproses di perangkat Anda, tidak diunggah
Judul Besar 24 px
Ini contoh teks paragraf berukuran normal. Pastikan teks seperti ini tetap nyaman dibaca, termasuk oleh orang dengan penglihatan kurang atau saat layar terkena cahaya matahari.
Teks kecil 13 px untuk keterangan
Tombol ContohCara memakai
- Masukkan warna teks dan warna latar (pilih dari kotak warna atau ketik kodenya).
- Lihat rasio kontras dan daftar standar yang lolos atau gagal, serta pratinjau teks di sebelah kanan.
- Bila gagal, klik salah satu saran warna: warnanya mirip dengan pilihan Anda tetapi cukup kontras.
Pertanyaan umum
Berapa rasio kontras yang disarankan?
Standar WCAG AA (yang umum dipakai): minimal 4,5 : 1 untuk teks biasa dan 3 : 1 untuk teks besar (sekitar 24 px, atau 19 px tebal) serta ikon dan garis tombol. Standar AAA yang lebih ketat: 7 : 1 untuk teks biasa.
Apa itu WCAG?
WCAG (Web Content Accessibility Guidelines) adalah pedoman internasional agar konten digital bisa diakses semua orang, termasuk pengguna dengan penglihatan rendah atau buta warna. Pedoman ini juga dipakai mesin pencari dan alat audit seperti Lighthouse.
Apakah ini hanya untuk website?
Tidak. Prinsip yang sama berlaku untuk poster, feed media sosial, presentasi, dan spanduk. Teks yang kontrasnya rendah sulit dibaca di HP, apalagi di bawah sinar matahari.
Bagaimana cara saran warna dibuat?
Alat ini mempertahankan rona dan kepekatan warna teks Anda, lalu hanya menggeser terang-gelapnya sampai rasio kontras memenuhi standar, sehingga nuansa desain tetap terjaga.