Pemilih warna & pemeriksa kontras

Cara menggunakan Pemilih warna & pemeriksa kontras

Apa yang dihitung dan kapan digunakan

Memilih dan mengonversi warna antara HEX, RGB, HSL, HSV, dan CMYK, menyarankan tint, shade, dan warna yang serasi, serta memeriksa kontras teks terhadap pedoman aksesibilitas WCAG.

Cara menggunakan, langkah demi langkah

1. Pilih warna dengan pemilih atau ketik sebagai HEX, RGB, HSL, atau nama warna.
2. Pilih warna latar untuk memeriksa kontras.
3. Salin format apa pun dengan satu klik.
4. Gunakan tint, shade, dan warna yang serasi untuk palet.

Arti setiap input

• Warna – Awalnya #2443C8, biru SmartCalcy.
• Latar – Awalnya putih.

Cara membaca hasil

• Rasio kontras – Dari 1:1 sampai 21:1, dengan hasil AA dan AAA untuk teks normal dan besar.
• Format – HEX, RGB, HSL, HSV, dan CMYK.
• Tint dan shade – Versi yang lebih terang dan lebih gelap.
• Warna yang serasi – Komplementer, analog, dan triadik.

Rumus

Rasio kontras = (L1 + 0,05) ÷ (L2 + 0,05), dengan L1 dan L2 adalah luminans relatif warna yang lebih terang dan lebih gelap. WCAG AA membutuhkan 4,5:1 untuk teks normal dan 3:1 untuk teks besar; AAA membutuhkan 7:1 dan 4,5:1.

Contoh perhitungan

Dengan warna awal, #2443C8 di atas putih memiliki rasio kontras 7,74:1, yang lolos AAA untuk semua ukuran teks.

Asumsi dan batasan

• Nilai CMYK adalah konversi sederhana, bukan profil cetak dengan manajemen warna.
• Hasil kontras mengikuti rumus WCAG 2.

Kesalahan umum

• Memeriksa kontras hanya pada teks besar lalu memakai warna itu untuk teks kecil.
• Mengandalkan warna saja untuk menyampaikan makna.

Pertanyaan yang sering diajukan

Alat terkait