Alat ini menerima semua format hex CSS: 6 digit #ff5733, singkatan 3 digit #f53, serta format 4 dan 8 digit dengan channel alpha, dengan atau tanpa #. Hasilnya menampilkan string rgb() atau rgba(), nilai channel mentah dan rincian per channel - plus baris konversi balik RGB ke HEX kalau Anda butuh arah sebaliknya. Semua proses berjalan di browser Anda - tanpa unggah, tanpa akun, tanpa batasan.
Konversi HEX ke RGB
Berjalan sepenuhnya di browser Anda - tanpa unggah, tanpa daftar.
CSS
rgb(255, 87, 51)Nilai RGB
255, 87, 51Cara konversinya
Merah
FF255Hijau
5787Biru
3351Butuh arah sebaliknya? RGB ke HEX
#ff5733Bagaimana cara konversi HEX ke RGB?
Kode warna hex terdiri dari tiga pasang digit heksadesimal, satu pasang per channel. Ubah tiap pasangan menjadi angka desimal dari 0 sampai 255: pada #ff5733, ff berarti merah 255, 57 berarti hijau 87 dan 33 berarti biru 51, sehingga nilai RGB-nya rgb(255, 87, 51). Alat ini melakukannya secara instan saat Anda mengetik.
Cara pakai
- 1Masukkan kode hex. Ketik atau tempel warna hex seperti #ff5733 (atau #f53), atau pilih lewat swatch warna. Tanda # boleh dilewat.
- 2Baca nilai RGB. String rgb(), nilai 0-255 mentah dan pratinjau warna langsung diperbarui saat Anda mengetik, lengkap dengan rincian per channel yang menunjukkan cara tiap pasangan hex dikonversi.
- 3Salin format yang dibutuhkan. Klik Salin di sebelah string rgb() atau nilai mentahnya. Butuh arah sebaliknya? Masukkan nilai red, green dan blue di bawah untuk mendapatkan kode hex-nya lagi.
Cocok untuk siapa
- Front-end developer yang mengubah kode hex dari style guide menjadi rgb() supaya bisa menambah transparansi lewat rgba().
- Desainer yang memindahkan warna brand antar alat - yang satu minta hex (CSS, Figma), yang lain minta nilai 0-255 (beberapa aplikasi cetak dan video).
- Tim email dan marketing yang menyamakan warna kampanye di berbagai editor yang cuma menerima satu notasi.
- Developer game dan aplikasi yang memasukkan nilai channel 0-255 ke engine dan SDK yang tidak bisa membaca string hex.
Tanya jawab
Apakah konversi HEX ke RGB ini gratis?
Ya - 100% gratis tanpa perlu daftar dan tanpa batasan. Semua proses berjalan di browser Anda.
Apakah warna saya diunggah ke suatu tempat?
Tidak. Konversinya cuma JavaScript biasa yang berjalan di perangkat Anda - tidak ada yang dikirim ke server, dan tetap berfungsi offline setelah halaman selesai dimuat.
Apa rumus untuk mengonversi HEX ke RGB?
Pecah kode hex menjadi tiga pasang lalu ubah tiap pasangan dari basis 16 ke desimal: kalikan digit pertama dengan 16 lalu tambahkan digit kedua (a=10 ... f=15). Pada #ff5733, ff = 15x16+15 = 255, 57 = 5x16+7 = 87, 33 = 3x16+3 = 51.
Apakah mendukung singkatan 3 digit seperti #f53?
Ya. Pada singkatan CSS setiap digit digandakan, jadi #f53 menjadi #ff5533 dan dikonversi ke rgb(255, 85, 51). Format 4 digit bekerja sama, dengan digit terakhir sebagai alpha.
Bagaimana cara konversi HEX ke RGBA?
Kode hex 8 digit membawa alpha di pasangan terakhirnya. Byte tersebut (0-255) dibagi 255 untuk mendapatkan alpha 0-1 yang diminta rgba(), dibulatkan ke tiga desimal - sehingga #ff573380 menjadi rgba(255, 87, 51, 0.502).
Bisakah RGB dikonversi kembali ke HEX?
Bisa. Gunakan baris RGB ke HEX di bawah hasil: masukkan nilai red, green dan blue dari 0 sampai 255 dan hasilnya langsung berupa kode hex. Nilai di luar rentang akan dipangkas ke 0-255.
Kenapa saya butuh rgb() daripada hex?
Terutama untuk alpha dan perhitungan: rgba(255, 87, 51, 0.5) membuat warna jadi transparan, dan banyak API, engine game serta spesifikasi desain minta angka channel 0-255 terpisah, bukan string hex.