Konverter RGB ke HEX

Konverter RGB ke HEX mengubah nilai RGB seperti rgb(59, 130, 246) menjadi kode heksadesimal seperti #3B82F6. RGB adalah cara layar menggambarkan warna dan keluaran umum dari kebanyakan alat desain, sedangkan HEX adalah format ringkas dan mudah disalin yang paling sering dipakai CSS dan HTML.

HEX hanyalah RGB dalam basis 16. Setiap kanal (0–255) menjadi pasangan dua karakter (00–FF), jadi 59 menjadi 3B dan 246 menjadi F6.

Kapan Anda membutuhkannya

Menulis CSS

Ubah keluaran RGB sebuah alat menjadi kode HEX rapi yang langsung masuk ke stylesheet atau variabel tema.

Berbagi warna

Satu string HEX jauh lebih mudah disalin, dikirim, atau didokumentasikan daripada tiga angka terpisah.

Serah terima desain

Konversi nilai RGB pilihan ke HEX untuk panduan merek, token desain, dan spesifikasi developer.

Cara mengonversi RGB ke HEX

Masukkan nilai RGB

Ketik ketiga kanal Anda — misalnya 59, 130, 246. Anda bisa memisahkannya dengan koma atau spasi, dan boleh membungkusnya dalam rgb(...).

Baca hasil HEX

Kode HEX dihasilkan seketika saat Anda mengetik, dan kotak warna langsung diperbarui agar Anda bisa memastikan warnanya sekilas.

Atau pilih warna

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

Salin & gunakan

Tekan tombol salin untuk mengambil kode HEX. Panel di bawah juga menampilkan warna yang sama sebagai RGB, HSL, HSV, dan CMYK.

Fitur

Keluaran real-time

HEX diperbarui saat Anda mengetik, sepenuhnya di browser — tanpa menunggu, tanpa muat ulang.

Input fleksibel

Menerima nilai dipisah koma atau spasi, dengan atau tanpa pembungkus rgb().

Pratinjau & pemilih

Kotak warna langsung memverifikasi hasil, dan pemilih memungkinkan memilih warna secara visual.

Semua format sekaligus

Lihat HEX, RGB, HSL, HSV, dan CMYK bersamaan untuk setiap warna yang Anda masukkan.

Keluaran standar: kode HEX dikembalikan dalam huruf besar (mis. #3B82F6), konvensi umum — meski HEX tidak peka huruf besar-kecil di CSS.

Pertanyaan yang sering diajukan

Nilai RGB apa yang valid?

Setiap kanal harus bilangan bulat antara 0 dan 255. Nilai dibatasi atau ditandai jika berada di luar rentang itu, karena RGB tak bermakna di luarnya.

Kenapa pakai HEX alih-alih RGB?

HEX lebih ringkas dan mudah disalin serta dibagikan sebagai satu string. Kedua format sepenuhnya didukung CSS, jadi pilihannya lebih soal kepraktisan dan konvensi tim.

Bagaimana memasukkan nilai RGB?

Masukkan ketiga angka dipisah koma atau spasi — misalnya 59, 130, 246 atau 59 130 246. Membungkusnya dalam rgb(...) juga berfungsi.

Apakah keluarannya huruf besar atau kecil?

Konverter menghasilkan HEX huruf besar (mis. #3B82F6), konvensi yang paling umum. CSS memperlakukan #3b82f6 dan #3B82F6 sama persis.

Apakah konversinya tepat?

Ya. RGB ke HEX adalah pemetaan langsung tanpa kehilangan data — tiap kanal 0–255 menjadi tepat satu pasang 00–FF, jadi input RGB yang sama selalu menghasilkan HEX yang sama tanpa pembulatan.