Penghitung Kontras Warna

Periksa rasio kontras antara dua warna untuk memastikan teks dan elemen visual mudah dibaca dan sesuai standar aksesibilitas.

Cara Menggunakan Penghitung Kontras Warna

Masukkan kode warna teks dan latar belakang dalam format HEX (misal: #000000 untuk hitam, #ffffff untuk putih) pada kolom yang tersedia.

Klik tombol "Hitung Kontras" untuk melihat rasio kontras dan apakah kombinasi warna tersebut memenuhi standar aksesibilitas WCAG.

Alat ini sangat penting untuk desainer web dan pengembang agar konten tetap mudah dibaca oleh semua pengguna, termasuk mereka dengan gangguan penglihatan.

Panduan Menghitung Kontras Warna Secara Manual

Untuk menghitung rasio kontras secara manual, ikuti langkah-langkah berikut:

  1. Konversikan warna HEX menjadi nilai luminansi relatif menggunakan rumus tertentu.
  2. Hitung luminansi warna teks dan latar belakang secara terpisah.
  3. Gunakan rumus rasio kontras: (L1 + 0.05) / (L2 + 0.05), di mana L1 adalah luminansi yang lebih terang dan L2 adalah yang lebih gelap.
  4. Standar WCAG menyarankan rasio minimal 4.5:1 untuk teks normal agar mudah dibaca.

Namun, menggunakan alat otomatis ini jauh lebih cepat dan menghindari kesalahan perhitungan manual.