HEX, RGB, dan HSL
- HEX: bilangan basis 16 (heksadesimal) dengan format #RRGGBB. #FF0000 merah, #000000 hitam, #FFFFFF putih. Kode yang kedua digit tiap pasangannya sama dapat disingkat (#FFF).
- RGB: kanal merah, hijau, biru 0–255. rgb(255, 0, 0) adalah merah. Nilai terakhir "alpha" (0–1) menambahkan transparansi: rgba(0, 0, 0, 0.5) adalah hitam semi-transparan.
- HSL: rona (0–360°), saturasi, dan kecerahan (%). hsl(0, 100%, 50%) adalah merah. Untuk mendapatkan warna yang lebih terang atau lebih gelap, cukup ubah kecerahannya.
HEX ke RGB
Setiap bagian dua digit dikonversi dari basis 16 ke basis 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 latar belakang (minimal 4.5:1 untuk teks normal menurut 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().