Konverter Kode Warna
Konversi antara HEX, RGB, HSL, HSV, dan CMYK, serta cek kontras teks
Memuat alat…
Ketik warna di salah satu format HEX, RGB, HSL, HSV, CMYK, OKLCH, atau nama CSS, dan format lainnya langsung diperbarui. Gunakan untuk memindahkan warna dari desain ke CSS atau memeriksa apakah kontras teks dengan latar belakangnya cukup.
Cara pakai
- Pilih warna dengan "Pilih warna" atau ketik nilai di salah satu kolom seperti HEX atau RGB. Kolom lainnya mengikuti; salin yang mana pun dengan tombol di sebelahnya.
- Atur "Opasitas" untuk menambahkan transparansi; HEX lalu menjadi 8 digit dan RGB menjadi rgba.
- Pilih contoh warna di "Lebih terang dan lebih gelap" atau "Harmoni warna" untuk beralih ke warna itu.
- Di "Pemeriksa kontras", atur "Warna teks" dan "Warna latar belakang", lalu baca "Rasio kontras" serta hasil AA dan AAA.
Cara kerja
- HEX menulis nilai merah, hijau, dan biru (0 sampai 255) masing-masing sebagai dua digit heksadesimal. Misalnya, rgb(255, 99, 71) adalah #FF6347.
- Rasio kontras = (luminans relatif warna yang lebih terang + 0.05) ÷ (luminans relatif warna yang lebih gelap + 0.05), dinilai dengan kriteria keberhasilan WCAG 2.2 1.4.3 dan 1.4.6. Rasionya dibulatkan ke bawah.
- CMYK memakai rumus sederhana tanpa profil cetak, jadi warna hasil cetak sebenarnya akan berbeda. Warna terbaru dan warna terakhir disimpan di perangkat ini.
Pertanyaan umum
- Cara mengubah kode HEX ke RGB
- Pisahkan kode menjadi pasangan-pasangan dan ubah setiap pasangan dari heksadesimal ke desimal. #3B82F6 memberi 3B = 59, 82 = 130 dan F6 = 246, jadi rgb(59, 130, 246). Ketik di kolom HEX untuk langsung melihatnya.
- Berapa rasio kontras minimal untuk teks?
- WCAG AA meminta 4.5:1 untuk teks normal dan 3:1 untuk teks besar; AAA meminta 7:1 dan 4.5:1. Teks besar berukuran minimal 24px, atau 18.66px tebal.
- Apa itu kode HEX 3 digit?
- Bentuk singkat dari kode 6 digit, dengan setiap digit digandakan. #F80 adalah warna yang sama dengan #FF8800.
- Bisakah alat ini memberi tahu nama sebuah warna?
- Jika warnanya cocok dengan salah satu dari 148 nama warna CSS, nama itu ditampilkan; jika tidak, nama CSS terdekat beserta nilai HEX-nya muncul.