Cara konversi hex ke RGB
- Ketik atau tempel kode warna hex ke kolom Kode warna hex, dengan atau tanpa
#, atau klik kotak warna untuk memilih warna. - Baca hasilnya dalam format
rgb()dan lihat nilai merah, hijau, dan biru pada slider, beserta HSL, HSV, dan CMYK. - Salin format apa pun dengan sekali klik. Rumus di samping daftar format menunjukkan bagaimana setiap pasangan digit hex menjadi angka dari 0 sampai 255.
Rumus konversi hex ke RGB
Kode warna hex adalah tiga byte yang ditulis dalam heksadesimal: #RRGGBB. Setiap pasangan digit adalah satu kanal dari 00 (0) sampai FF (255). Untuk mengonversi satu pasangan, kalikan digit pertama dengan 16 lalu tambahkan digit kedua, dengan A = 10, B = 11, C = 12, D = 13, E = 14, dan F = 15. Contoh untuk #7C3AED:
- Merah:
7C= 7 × 16 + 12 = 124 - Hijau:
3A= 3 × 16 + 10 = 58 - Biru:
ED= 14 × 16 + 13 = 237
Jadi #7C3AED = rgb(124, 58, 237).
Kode hex singkat dan transparan
Kode 3 digit adalah bentuk singkat yang setiap digitnya digandakan: #F80 = #FF8800 = rgb(255, 136, 0). Kode 8 digit menambahkan byte alpha untuk opasitas: pada #7C3AED80, pasangan terakhir 80 = 128, dan 128 ÷ 255 ≈ 0.5, sehingga sama dengan rgba(124, 58, 237, 0.5). Bentuk 4 digit #RGBA bekerja dengan cara yang sama.
Daftar kode warna hex dan nilai RGB-nya
| Warna | Hex | RGB |
|---|---|---|
| Putih | #FFFFFF | rgb(255, 255, 255) |
| Hitam | #000000 | rgb(0, 0, 0) |
| Merah | #FF0000 | rgb(255, 0, 0) |
| Hijau (lime) | #00FF00 | rgb(0, 255, 0) |
| Biru | #0000FF | rgb(0, 0, 255) |
| Kuning | #FFFF00 | rgb(255, 255, 0) |
| Oranye | #FFA500 | rgb(255, 165, 0) |
| Abu-abu | #808080 | rgb(128, 128, 128) |
| Biru navy | #000080 | rgb(0, 0, 128) |
| Ungu | #800080 | rgb(128, 0, 128) |
| Teal | #008080 | rgb(0, 128, 128) |
Pertanyaan yang sering diajukan
Bagaimana cara konversi hex ke RGB secara manual?
Bagi kode menjadi tiga pasangan dan konversi setiap pasangan dari heksadesimal: digit pertama × 16 + digit kedua. Untuk #1E90FF: 1E = 30, 90 = 144, dan FF = 255, jadi warnanya rgb(30, 144, 255).
Apa arti warna hex 3 digit seperti #F80?
Itu adalah bentuk singkat dari kode 6 digit yang setiap digitnya digandakan: #F80 = #FF8800 = rgb(255, 136, 0). Hanya warna yang setiap pasangannya terdiri dari dua digit sama yang bisa disingkat.
Bagaimana cara konversi hex ke RGB di JavaScript atau Python?
JavaScript: [1, 3, 5].map((i) => parseInt(hex.slice(i, i + 2), 16)) untuk kode seperti #RRGGBB. Python: tuple(int(h[i:i + 2], 16) for i in (1, 3, 5)). Di CSS tidak perlu konversi – kedua notasi sama-sama diterima.
Mana yang lebih baik untuk CSS, hex atau RGB?
Keduanya menggambarkan warna yang persis sama. Hex lebih pendek dan umum dipakai di aplikasi desain; rgb() lebih mudah dibaca dan disesuaikan, serta membuat transparansi lebih jelas dengan rgba(). Browser modern juga menerima kode hex 8 digit dengan alpha.