Konversi HEX ke RGB Online
Konversi kode HEX apa pun ke nilai RGB secara instan, langsung di browser Anda.
Mengapa menggunakannya
Dari kode HEX ke nilai RGB dalam satu klik
Mendukung semua format HEX
#RGB, #RRGGBB, #RGBA, #RRGGBBAA, dan nama warna CSS. Deteksi format otomatis.
Privat
Konversi dilakukan di browser Anda. Data tidak pernah meninggalkan perangkat Anda.
Hasil siap pakai untuk CSS
Salin langsung dalam format rgb() atau rgba() untuk ditempel ke stylesheet Anda.
Instan
Hasil ditampilkan secara real-time saat Anda mengetik kode HEX.
Cara kerjanya
Tiga langkah, tanpa kerumitan
Masukkan kode HEX
Ketik kode warna heksadesimal: format panjang (#FF5733), pendek (#F53), atau dengan alpha (#FF573380). Anda juga bisa mengetik nama warna CSS seperti red, tomato, atau steelblue dan konversi akan dilakukan secara otomatis.
Dapatkan nilai RGB
Konverter langsung menghitung kanal R (merah), G (hijau), dan B (biru) dalam rentang 0 hingga 255. Jika kode HEX menyertakan kanal alpha, Anda juga mendapatkan nilai opasitas untuk format RGBA.
Salin hasilnya
Salin hasil dalam format rgb(255, 87, 51) atau rgba(255, 87, 51, 0.5), siap ditempel ke CSS, kode JavaScript, atau alat desain Anda.
FAQ
Ada pertanyaan?
HEX mengacu pada sistem heksadesimal, yaitu sistem penomoran berbasis 16 yang menggunakan digit 0 hingga 9 dan huruf A hingga F (di mana A=10, B=11, C=12, D=13, E=14, F=15). Kode warna HEX seperti #FF5733 mewakili tiga pasang heksadesimal: FF (merah = 255), 57 (hijau = 87), 33 (biru = 51). Setiap pasang hex dapat mewakili 256 nilai (0x00 = 0 hingga 0xFF = 255), sehingga memungkinkan 256 pangkat tiga atau 16.777.216 warna berbeda dalam ruang warna sRGB.
Kode HEX 6 karakter (#RRGGBB) menggunakan 2 karakter untuk setiap kanal warna (merah, hijau, biru). Setiap karakter heksadesimal mewakili 4 bit, sehingga 2 karakter mewakili 8 bit atau 1 byte yang mampu menyimpan 256 nilai (0 hingga 255). Dengan 8 bit per kanal dan 3 kanal (RGB), Anda mendapatkan kedalaman warna 24 bit, standar untuk gambar true color sejak era monitor CRT pada tahun 1990-an.
HEX pendek adalah singkatan CSS yang valid di mana setiap karakter secara otomatis digandakan: #FFF sama dengan #FFFFFF (putih), #000 sama dengan #000000 (hitam), #F53 sama dengan #FF5533. Format ini hanya berlaku ketika kedua digit setiap pasang identik. HEX pendek diperkenalkan dalam CSS1 tahun 1996 untuk mengurangi ukuran kode. Tidak semua pengurai warna mendukung HEX pendek di luar CSS, jadi dalam JavaScript atau alat desain mungkin perlu diperluas ke format 6 karakter penuh.
HEX 8 karakter (#RRGGBBAA) menambahkan pasangan heksadesimal keempat untuk kanal alpha (opasitas), di mana #RRGGBB00 sepenuhnya transparan dan #RRGGBBFF sepenuhnya buram. Sebagai contoh, #FF573380 setara dengan rgba(255, 87, 51, 0.502). Format ini distandarisasi dalam CSS Color Level 4 dan didukung oleh semua browser modern sejak 2017. Versi pendek 4 karakter (#RGBA) juga tersedia: #F538 setara dengan #FF553388.
Kode HEX 6 karakter dapat merepresentasikan 16.777.216 warna, yang persis sama dengan ruang warna sRGB 24-bit (8 bit per kanal). Ini mencakup seluruh gamut sRGB, tetapi tidak mencakup warna di luar gamut tersebut, seperti warna display-p3 pada layar high-dynamic-range modern (iPhone sejak 2016, MacBook Pro sejak 2016). Untuk warna wide-gamut dalam CSS, digunakan fungsi color(display-p3 r g b) dari CSS Color Level 4 yang tidak memiliki representasi dalam HEX standar.
Sejarah notasi heksadesimal dalam warna web
Sistem heksadesimal sebagai notasi warna untuk web dipopulerkan oleh browser grafis pertama. Mosaic (NCSA, 1993), browser grafis pertama yang digunakan secara luas, memperkenalkan atribut bgcolor dalam HTML yang menerima nama warna bahasa Inggris (red, blue) atau kode heksadesimal dalam format #RRGGBB. Netscape Navigator (1994) memperluas konvensi ini dan menambahkan dukungan untuk 140 warna bernama yang kini menjadi bagian dari standar CSS, banyak di antaranya berasal dari warna X11 yang didefinisikan oleh MIT X Consortium pada tahun 1987 untuk sistem windowing X Window System yang digunakan di Unix.
Warna X11 adalah sumber historis dari nama-nama seperti alice blue, cornflower blue, dark salmon, atau papaya whip. Nama-nama tersebut awalnya didefinisikan dalam berkas rgb.txt server X11 antara tahun 1987 dan 1989, dengan nilai RGB spesifik yang terikat pada perangkat keras monitor saat itu. Ketika Netscape mengadopsi nama-nama ini untuk HTML, muncullah inkonsistensi historis: green dalam HTML/CSS adalah #008000 (bukan hijau murni #00FF00 yang disebut lime), dan gray memiliki beberapa varian ejaan (grey dan gray adalah sinonim dalam CSS). CSS Color Level 4 telah memformalkan semua nama historis ini, termasuk menambahkan rebeccapurple (#663399) untuk menghormati Rebecca Meyer, putri dari pakar CSS Eric Meyer yang meninggal pada tahun 2014.
Spesifikasi CSS Color Level 1 (W3C, 1996) mendefinisikan 16 warna bernama dasar yang diwarisi dari HTML. CSS Color Level 2 (2011) menambahkan orange. CSS Color Level 3 (2011) menstandarisasi 147 warna X11, termasuk rebeccapurple pada tahun 2014. CSS Color Level 4 (dalam proses rekomendasi) menambahkan fungsi-fungsi modern seperti oklch(), lab(), lch(), dan color() untuk ruang warna wide-gamut. Secara paralel, spesifikasi W3C SVG 1.1 (2003) mendefinisikan 147 warna bernama sendiri yang selaras dengan X11 tetapi sedikit berbeda dalam beberapa nilai numeris, menyebabkan kebingungan historis di antara implementasi browser hingga standarisasi dalam CSS Color Level 3.