HEX ke RGB

Ubah warna HEX menjadi RGB

HEX dan RGB menggambarkan warna yang sama dalam dua notasi. Kode HEX seperti #8997BB adalah tiga pasang digit heksadesimal untuk merah, hijau, dan biru. RGB menulis jumlah yang sama sebagai angka biasa dari 0 sampai 255: rgb(137, 151, 187).

Tempel kode HEX dan konverter ini mengembalikan nilai RGB. Itu yang Anda butuhkan untuk banyak alat desain dan grafik, untuk menambah transparansi dengan rgba(), dan untuk kode yang mengolah kanal warna secara terpisah.

Hitungannya sederhana tapi membosankan: setiap pasangan diubah dari basis 16 ke basis 10. 89 dalam hex adalah 8×16 + 9 = 137.

Cara menggunakan HEX ke RGB

1. Masukkan warna HEX yang diawali #, misalnya #8997BB. Tanpa # alat ini tidak tahu itu kode HEX dan menampilkan error.
2. Kirim untuk mengonversi.
3. Salin nilai RGB.

Contoh

Periwinkle khas brand

Input: #8997BB

Hasil: rgb(137,151,187)

Lavender

Input: #C6CDE5

Hasil: rgb(198,205,229)

Singkatan tiga digit

Input: #fa0

Hasil: rgb(255,170,0)

Setiap digit digandakan: #fa0 adalah #ffaa00.

HEX delapan digit dengan alpha

Input: #8997BB80

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

Baris rgb() mengabaikan alpha, tetapi baris rgba() mempertahankannya: 80 dalam hex adalah 128 dari 255, ditampilkan sebagai 0.5. Baris HEXA lalu terbaca #8997bb7f, karena 0.5 dikonversi kembali menjadi 127 (7f).

Semua format sekaligus

Input: #8997BB

Hasil:

rgb(137,151,187)
hsl(223,27%,64%)
hsv(223,27%,73%)
rgba(137,151,187,1)
#8997bbff

Satu konversi memberi RGB, HSL, HSV, RGBA, dan HEXA delapan digit, jadi Anda bisa menyalin yang dibutuhkan aplikasi Anda.

Kegunaan umum

• Mengonversi warna brand untuk alat desain yang memakai RGB.
• Menulis warna rgba() dengan transparansi di CSS.
• Mengatur warna di kode, grafik, atau dokumen Office.
• Menyamakan warna antaraplikasi.
• Memasukkan warna brand ke aplikasi yang hanya menerima RGB, seperti beberapa editor video dan program perkantoran.
• Membuat overlay semi-transparan di CSS dengan rgba().
• Memakai HSL untuk membuat gradasi lebih terang atau gelap dari warna yang sama.

Tips dan hal yang perlu diketahui

• HEX tiga digit seperti #FFF diperluas menjadi #FFFFFF, yaitu rgb(255, 255, 255).
• Untuk menambah transparansi, gunakan rgba(137, 151, 187, 0.5) untuk opasitas 50%.
• Untuk format lain (HSL, HSV, dan lainnya), gunakan konverter warna. Untuk arah sebaliknya, gunakan RGB ke HEX.

Kasus khusus dan batasan

• Tanda # wajib. 8997BB saja akan ditolak.
• Hasil tidak memakai spasi setelah koma. rgb(137,151,187) dan rgb(137, 151, 187) sama-sama CSS yang valid.
• Digit tidak valid (selain 0–9 dan A–F) menghasilkan error, bukan tebakan.
• Singkatan empat digit dengan alpha (#f008) tidak didukung; perluas menjadi delapan digit.

Pertanyaan umum

Bagaimana mengubah HEX ke RGB?

Bagi kode HEX menjadi tiga pasang dan ubah masing-masing dari basis 16 ke basis 10. #FF8000 menjadi 255, 128, 0.

Apakah HEX sama dengan RGB?

Keduanya menggambarkan warna yang sama; HEX hanya cara heksadesimal yang ringkas untuk menulis nilai RGB.

Apa #000000 dalam RGB?

rgb(0, 0, 0), yaitu hitam.

Bisakah HEX memuat transparansi?

Bisa, HEX delapan digit menambahkan alpha sebagai pasangan terakhir, misalnya #8997BB80.

Apa arti nilai HSL dan HSV?

Keduanya menggambarkan hue (sudut warna, 0–360), saturasi, dan lightness (HSL) atau value/kecerahan (HSV). Mengubah angka terakhir saja memberi versi lebih terang atau gelap dari warna yang sama.

Alat terkait

• RGB ke HEX: Ubah satuan warna RGB ke HEX 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.