RGB ke HEX

Ubah nilai RGB menjadi kode HEX

Banyak aplikasi menampilkan warna sebagai angka RGB: nilai merah, hijau, dan biru dari 0 sampai 255. Namun kode web, panduan brand, dan sebagian besar serah terima desain memakai bentuk HEX yang lebih pendek. Alat ini mengubah nilai RGB seperti rgb(137, 151, 187) menjadi kode HEX-nya, #8997BB.

Setiap angka RGB menjadi pasangan heksadesimal dua digit: 137 adalah 89, 151 adalah 97, dan 187 adalah BB. Gabungkan setelah # dan Anda punya kode HEX.

Kode HEX mudah disalin, dibagikan, dan ditempel ke CSS, atribut HTML, Figma, Canva, tema WordPress, dan template email.

Cara menggunakan RGB ke HEX

1. Masukkan nilai RGB, misalnya rgb(137, 151, 187).
2. Kirim untuk mengonversi.
3. Salin kode HEX.

Contoh

Periwinkle khas brand

Input: rgb(137,151,187)

Hasil: #8997bb

Hasilnya huruf kecil; HEX tidak membedakan huruf besar kecil, jadi #8997BB adalah warna yang sama.

Spasi tidak masalah

Input: rgb(255, 255, 255)

Hasil: #ffffff

Warna semi-transparan

Input: rgba(137,151,187,0.5)

Hasil: #c4cbdd

Alpha dicampur dengan putih untuk menghasilkan warna solid, yang lebih terang dari #8997bb. Untuk transparansi sungguhan, tetap pakai rgba() atau HEX delapan digit.

Kegunaan umum

• Mengubah warna yang dipilih di aplikasi berbasis RGB menjadi HEX siap pakai untuk web.
• Menulis panduan gaya brand yang mencantumkan kode HEX.
• Mengatur warna tema di website builder dan pengaturan CMS.
• Membagikan warna persis kepada desainer dan developer.
• Menyalin warna dari aplikasi yang menampilkan RGB, seperti alat screenshot, ke CSS atau file desain.
• Mengisi panduan brand, yang biasanya mencantumkan warna dalam HEX.
• Menyamakan warna dari dokumen cetak atau perkantoran dengan website.

Tips dan hal yang perlu diketahui

• Setiap nilai RGB harus antara 0 dan 255.
• Kode HEX tidak membedakan huruf besar kecil: #8997bb dan #8997BB adalah warna yang sama.
• Jika warna Anda punya transparansi, gunakan konverter warna untuk mendapat HEX delapan digit atau RGBA.
• Pilih warna secara visual dengan color picker, atau ubah balik dengan HEX ke RGB.

Kasus khusus dan batasan

• Nilai harus diawali rgb atau rgba. Mengetik 137, 151, 187 saja tidak dikenali.
• Nilai di atas 255, seperti rgb(300,0,0), ditolak.
• Persentase seperti rgb(50%, 50%, 50%) tidak didukung; ubah dulu ke 0–255.
• Sintaks modern berpemisah spasi, rgb(137 151 187), mungkin tidak dikenali; gunakan koma.

Pertanyaan umum

Bagaimana mengubah RGB ke HEX?

Ubah masing-masing dari tiga nilai (0–255) menjadi bilangan heksadesimal dua digit dan gabungkan setelah #. Misalnya 255, 128, 0 menjadi #FF8000.

Apa kode HEX untuk putih?

#FFFFFF, yaitu rgb(255, 255, 255).

Bisakah RGB dipakai langsung di CSS?

Bisa. CSS menerima rgb() dan rgba() selain HEX, jadi pakai yang Anda suka.

Apa arti kode HEX pendek seperti #FA0?

Itu singkatan di mana setiap digit digandakan: #FA0 sama dengan #FFAA00.

Kenapa HEX saya huruf kecil?

Konverter menulis huruf kecil. #8997bb dan #8997BB adalah warna yang persis sama, jadi keduanya bisa dipakai di CSS dan alat desain.

Alat terkait

• HEX ke RGB: Ubah satuan warna HEX ke RGB dengan mudah.
• Konverter warna: Konversi warna Anda ke berbagai format lain.
• Color picker: Cara termudah memilih warna dari roda warna dan mendapatkan hasilnya dalam format apa pun.
• Konverter hex: Ubah teks ke heksadesimal dan sebaliknya untuk input string apa pun.
• Kompres gambar: Kompres dan optimalkan gambar agar ukurannya lebih kecil namun tetap berkualitas tinggi.