HEX, RGB, dan HSL
- HEX: 16 angka dalam format #RRGGBB. #FF0000 berwarna merah, #000000 berwarna hitam, #FFFFFF berwarna putih. Kode dengan digit genap yang sama dapat disingkat (#FFF).
- RGB: kanal merah, hijau, biru 0–255. RGB(255, 0, 0) berwarna merah. Nilai akhir "alfa" (0–1) menambah transparansi: rgba(0, 0, 0, 0,5) berwarna hitam tembus cahaya.
- HSL: rona (0–360°), saturasi dan kecerahan (%). HSL(0, 100%, 50%) berwarna merah. Untuk menemukan nuansa terang atau gelap dari suatu warna, Anda hanya perlu mengubah kecerahan.
HEX ke RGB
Setiap bagian dua digit dikonversi dari basis 16 menjadi 10. #3B5998: 3B = 3×16+11 = 59, 59 = 5×16+9 = 89, 98 = 9×16+8 = 152 → rgb(59, 89, 152).
| Warna | HEX | RGB | HSL |
|---|---|---|---|
| Merah | #FF0000 | 255, 0, 0 | 0, 100%, 50% |
| Hijau | #00FF00 | 0, 255, 0 | 120, 100%, 50% |
| Biru | #0000FF | 0, 0, 255 | 240, 100%, 50% |
Sisakan kontras yang cukup antara teks dan ground (setidaknya 4.5:1 untuk teks normal di WCAG).
Pertanyaan yang Sering Diajukan
Apakah Kode HEX Bisa Ditulis dengan Huruf Besar atau Kecil?
Ya, #ff0000 dan #FF0000 memberikan warna yang sama.
Bisakah saya menggunakan nilai CMYK di situs web?
CMYK digunakan untuk mencetak; layar menggunakan HEX, RGB, atau HSL.
Bagaimana cara menambahkan transparansi pada sebuah warna?
Konversi HEX ke RGB dan ketik transparansi antara 0 dan 1 pada nilai akhir dalam format rgba().