Konversi HEX ke RGB
Ubah kode warna hex jadi nilai RGB.
Jalan di browser kamu. Apa pun yang kamu ketik tidak dikirim ke mana pun.
- 3, 4, 6, atau 8 digit
- RGBA dan HSL juga
- Salin satu klik
Cara convert HEX ke RGB
- Ketik atau tempel kode hex, dengan atau tanpa #.
- Nilai RGB, RGBA, dan HSL terupdate saat kamu mengetik.
- Klik tombol salin di samping nilai yang kamu perlukan.
Contoh HEX ke RGB
| Hex | RGB | Catatan |
|---|---|---|
| #FF8800 | rgb(255, 136, 0) | Hex 6 digit standar |
| #F80 | rgb(255, 136, 0) | Singkatan 3 digit, warna sama |
| #000000 | rgb(0, 0, 0) | Hitam |
| #FFFFFF | rgb(255, 255, 255) | Putih |
| #FF880080 | rgba(255, 136, 0, 0.5) | Hex 8 digit dengan alpha |
Versi singkatan dan versi lengkapnya selalu terurai jadi warna yang persis sama, karena tiap digit singkatan cuma digandakan.
Dari mana kode hex berasal
Tool desain seperti Figma dan Photoshop, dan DevTools setiap browser, menampilkan warna sebagai hex secara default, karena ini cara tersingkat menulis warna yang pasti sebagai teks.
Hex sudah jadi bagian dari web sejak atribut warna paling awal di HTML pada 1990-an, jauh sebelum fungsi CSS rgb() dan hsl() ada. Sejarah itulah kenapa hex masih jadi format yang paling sering dipakai duluan di banyak style guide.
Kesalahan umum dengan kode hex
- Kode hex butuh 3, 4, 6, atau 8 digit. Panjang 5 atau 7 tidak valid dan tidak bisa dikonversi.
- Beberapa API Windows lama menyimpan warna sebagai BGR, bukan RGB, jadi kode yang disalin dari kode lama bisa saja merah dan birunya tertukar.
- Dua digit terakhir dari kode 8 digit adalah alpha, bukan channel warna keempat, jadi #FF880000 sepenuhnya transparan, bukan oranye yang lebih gelap.
FAQ HEX ke RGB
Bagaimana cara convert HEX ke RGB secara manual?
Pecah kodenya jadi tiga pasangan dan convert tiap pasangan dari basis 16 ke basis 10. Untuk #F08A3C hasilnya F0 = 240, 8A = 138, dan 3C = 60, jadi rgb(240, 138, 60).
Apa itu kode hex 3 digit?
Ini singkatan di mana tiap digit digandakan. #F80 adalah warna yang sama dengan #FF8800, dan #000 adalah hitam.
Apa arti dua digit terakhir dari kode hex 8 digit?
Itu adalah alpha, atau opacity. #FF880080 adalah oranye dengan opacity sekitar 50 persen, sama dengan rgba(255, 136, 0, 0.5).
Apakah kodenya harus diawali #?
Tidak. Konverter ini menerima kode dengan atau tanpa #, huruf besar maupun kecil.
Kenapa kode hex-ku muncul sebagai tidak valid?
Kode hex harus tepat 3, 4, 6, atau 8 digit memakai 0-9 dan A-F. Panjang seperti 5 atau 7, atau karakter di luar rentang itu, tidak akan bisa dikonversi.
Bisakah aku tempel CSS variable seperti var(--brand)?
Tidak, tempel nilai warna literalnya. Cari dulu nilai variable itu sebenarnya, misalnya lewat panel computed styles di DevTools browser kamu.
Apa kode hex terpendek yang mungkin?
3 digit, seperti #000 untuk hitam atau #fff untuk putih. Tiap digit mewakili pasangan yang digandakan pada nilai lengkap 6 digitnya.