Konverter HEX ke RGB

Konverter HEX ke RGB mengubah kode warna heksadesimal seperti #3B82F6 menjadi nilai RGB seperti rgb(59, 130, 246). HEX adalah cara paling umum menuliskan warna di CSS dan HTML, sedangkan RGB adalah model aditif yang sebenarnya dipakai layar untuk mencampur cahaya merah, hijau, dan biru.

Kode HEX hanyalah RGB yang ditulis dalam basis 16. Setiap pasang karakter — 3B, 82, F6 — adalah nilai satu kanal dari 0 hingga 255, hanya saja dalam heksadesimal, bukan desimal.

Kapan Anda membutuhkannya

CSS dengan transparansi

Ubah nilai HEX ke RGB agar bisa menambahkan transparansi dengan rgba() — sesuatu yang tidak bisa dilakukan HEX biasa pada kode lama.

Alat desain

Banyak aplikasi grafis, API canvas, dan isian SVG mengharapkan kanal RGB berupa angka, bukan string ber-tagar.

Kode & perhitungan

Dapatkan bilangan R, G, B terpisah untuk perhitungan seperti pencampuran, kecerahan, atau rasio kontras.

Cara mengonversi HEX ke RGB

Masukkan kode HEX

Ketik atau tempel nilai HEX ke kolom input — dengan atau tanpa # di depan. Format singkatan 3 digit (#F00) maupun lengkap 6 digit (#FF0000) sama-sama diterima.

Baca hasil RGB

Nilai RGB dihitung seketika saat Anda mengetik — tanpa tombol. Kotak warna besar ikut berubah agar Anda bisa memverifikasi warna secara visual.

Atau pilih warna

Klik kotak pratinjau untuk membuka pemilih warna bawaan dan memilih warna apa pun secara visual — kolom HEX dan RGB terisi otomatis.

Salin & gunakan

Tekan tombol salin untuk menaruh string RGB ke papan klip. Panel di bawah juga menampilkan semua format lain — HEX, HSL, HSV, dan CMYK.

Fitur

Konversi instan

Hasil diperbarui secara real-time saat Anda mengetik — sepenuhnya di sisi klien, tanpa muat ulang atau permintaan ke server.

Dukungan singkatan

Kode 3 digit otomatis diperluas (#F00 → #FF0000), dan input tidak peka huruf besar-kecil.

Pratinjau & pemilih

Kotak warna langsung mengonfirmasi warna, dan pemilih bawaan memungkinkan memilih secara visual.

Semua format sekaligus

Setiap konversi juga menampilkan HEX, RGB, HSL, HSV, dan CMYK sehingga Anda tak perlu alat kedua.

HEX vs RGB sekilas

Aspek	HEX	RGB
Tampilan	`#3B82F6`	`rgb(59, 130, 246)`
Basis angka	Basis 16 (heksadesimal)	Basis 10 (desimal)
Per kanal	00–FF	0–255
Transparansi	`#RRGGBBAA` 8 digit	Alfa `rgba()`
Cocok untuk	CSS ringkas / berbagi	Kode & perhitungan

Privat secara desain: seluruh konversi berjalan di browser Anda. Tidak ada warna atau data yang dikirim ke server.

Pertanyaan yang sering diajukan

Apa itu kode warna HEX?

Kode HEX adalah string heksadesimal 6 karakter (ditambah # opsional) yang mengkodekan warna. Tiga pasangnya mewakili Merah, Hijau, dan Biru, masing-masing dari 00 hingga FF — setara 0–255 dalam desimal.

Apa itu warna RGB?

RGB adalah model warna aditif yang mendefinisikan warna lewat intensitas tiga kanal cahaya — Merah, Hijau, dan Biru — masing-masing 0 hingga 255. Begitulah layar menghasilkan warna secara fisik.

Bisakah saya memakai kode HEX 3 digit?

Bisa. Kode singkat seperti #F00 otomatis diperluas dengan menggandakan tiap digit, jadi #F00 menjadi #FF0000 sebelum dikonversi.

Apakah saya harus menyertakan simbol #?

Tidak. Konverter menerima nilai HEX dengan atau tanpa # di depan, dan mengabaikan huruf besar-kecil — ff0000 dan FF0000 memberi hasil sama.

Bagaimana menambahkan transparansi ke warna hasil konversi?

Setelah memiliki kanal RGB, bungkus dengan rgba() CSS dan tambahkan nilai alfa dari 0 hingga 1 — misalnya rgba(59, 130, 246, 0.5) untuk opasitas 50%.