Cara konversi RGB ke hex
- Masukkan nilai merah, hijau, dan biru (0–255) lewat slider atau kolom angka, atau tempel nilai CSS
rgb(). - Kode hex langsung muncul, beserta HSL, HSV, dan CMYK. Atur alpha di bawah 1 untuk mendapatkan kode hex 8 digit dengan transparansi.
- Salin kode hex-nya, atau ikuti rumusnya untuk melihat bagaimana setiap nilai dikonversi.
Rumus konversi RGB ke hex
Setiap kanal RGB dari 0 sampai 255 menjadi tepat dua digit hex. Bagi nilainya dengan 16: hasil bagi bulatnya menjadi digit pertama dan sisanya menjadi digit kedua, dengan 10–15 ditulis sebagai A–F. Contoh untuk rgb(124, 58, 237):
- Merah: 124 ÷ 16 = 7 sisa 12 →
7C - Hijau: 58 ÷ 16 = 3 sisa 10 →
3A - Biru: 237 ÷ 16 = 14 sisa 13 →
ED
Jika digabung setelah #, hasilnya #7C3AED. Selalu tulis dua digit per kanal: 9 menjadi 09, bukan 9.
Konversi RGB ke hex dalam kode
- JavaScript:
'#' + [r, g, b].map((v) => v.toString(16).padStart(2, '0')).join('') - Python:
'#{:02X}{:02X}{:02X}'.format(r, g, b) - Excel dan Google Sheets:
="#"&DEC2HEX(R,2)&DEC2HEX(G,2)&DEC2HEX(B,2) - CSS: tidak perlu konversi –
rgb()dan kode hex bisa saling menggantikan.
Menambahkan transparansi (alpha)
Untuk kode 8 digit, kalikan opasitas (0–1) dengan 255, bulatkan, lalu tambahkan sebagai dua digit hex lagi di belakang: 0.5 × 255 = 127.5 → 128 → 80, jadi rgba(124, 58, 237, 0.5) = #7C3AED80.
| Opasitas | Hex | Opasitas | Hex |
|---|---|---|---|
| 100% | FF | 50% | 80 |
| 90% | E6 | 40% | 66 |
| 80% | CC | 30% | 4D |
| 75% | BF | 25% | 40 |
| 70% | B3 | 20% | 33 |
| 60% | 99 | 10% | 1A |
Pertanyaan yang sering diajukan
Apa rumus konversi RGB ke hex?
Untuk setiap kanal, digit hex pertama adalah nilai dibagi 16 (bilangan bulatnya) dan digit kedua adalah sisanya, dengan 10–15 ditulis sebagai A–F. Gabungkan ketiga pasangan setelah tanda #: rgb(255, 165, 0) → FF, A5, 00 → #FFA500.
Mengapa setiap kanal harus terdiri dari dua digit hex?
Warna hex dibaca per pasangan yang tetap. rgb(0, 128, 9) harus ditulis #008009; menghilangkan nol di depan akan menggeser pasangan dan menghasilkan warna yang berbeda atau tidak valid.
Bisakah kode warna hex menyimpan transparansi?
Bisa. Browser modern menerima kode 8 digit #RRGGBBAA, dengan pasangan terakhir sebagai nilai alpha dari 00 (transparan penuh) sampai FF (tidak transparan). rgba(124, 58, 237, 0.5) menjadi #7C3AED80.
Apakah konversi RGB ke hex selalu tepat?
Ya, untuk nilai RGB bulat: setiap angka dari 0 sampai 255 memiliki tepat satu bentuk hex dua digit, sehingga konversi balik menghasilkan nilai yang sama. Hanya alpha yang dibulatkan ke tingkat terdekat dari 256 tingkat.