Konverter HEX ke RGBA
Ubah warna HEX (#RGB, #RGBA, #RRGGBB atau #RRGGBBAA) menjadi notasi CSS rgba()/rgb(), dengan rincian merah, hijau, biru, alpha dan HSLA — plus penimpaan alpha opsional.
Input
Menerima HEX 3, 4, 6 atau 8 digit, dengan atau tanpa # di depan. Bentuk 4 dan 8 digit menyertakan kanal alpha.
Opsional. Nilai dari 0 (transparan) hingga 1 (buram penuh). Menimpa alpha apa pun pada HEX.
Output
| Properti | Nilai |
|---|---|
| No data yet | |
Cara lain menggunakan alat ini
REST API
curl -X POST https://api.iotools.cloud/v1/tool/hex-to-rgba-converter \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"hex": "#FF0000",
"alphaOverride": ""
}'Ganti dengan kunci Anda sendiri dari akun Anda. Bidang alat menjadi isi permintaan — tanpa pembungkus.
Tanyakan ke agen AI
Use the IOTools `hex-to-rgba-converter` tool (HEX to RGBA Converter) on this input:
YOUR_INPUT_HERETempelkan ini ke agen mana pun yang terhubung ke server MCP IOTools, lalu tambahkan input Anda.
Widget sematan
<iframe
src="https://iotools.cloud/embed/hex-to-rgba-converter/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Konverter HEX ke RGBA — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>Tempelkan ini di halaman Anda sendiri — gratis, tanpa kunci, cukup tautan balik.
| Biaya per panggilan API/MCP | Mulai dari 5 kredit |
|---|---|
| Butuh kredit lebih? | Lihat harga |
Juga tersedia melalui
Panduan
Ubah kode warna HEX apa pun menjadi notasi CSS rgba() (dan rgb()) dalam satu langkah. Tempel nilai hex, dan konverter ini akan memecahnya menjadi komponen merah, hijau, biru dan alpha, siap dimasukkan langsung ke stylesheet. Konverter ini berjalan sepenuhnya di browser Anda, sehingga warna Anda tidak pernah meninggalkan perangkat Anda.
Cara menggunakannya
- Ketik atau tempel warna hex di kolom Warna HEX.
- Baca string
rgba()hasilnya, atau salin dengan satu klik. - Periksa tabel Nilai Warna untuk angka R, G, B dan alpha, plus notasi
rgb()danhsla()yang setara.
Anda boleh menghilangkan # di awal — baik #FF0000 maupun FF0000 sama-sama berfungsi.
Format hex apa saja yang didukung?
Setiap bentuk hex CSS standar diterima:
#RGB— singkatan 3 digit. Setiap digit digandakan, sehingga#F00menjadi#FF0000→rgba(255, 0, 0, 1).#RGBA— singkatan 4 digit dengan nibble alpha.#RRGGBB— bentuk 6 digit klasik.#RRGGBBAA— 8 digit, dengan dua digit terakhir membawa kanal alpha.
Jika hex tidak memiliki kanal alpha, warna dianggap sepenuhnya buram (alpha 1).
Bagaimana konversi alpha bekerja?
Pada hex 8 digit, alpha disimpan sebagai byte dari 00 hingga FF (0–255). CSS rgba() membutuhkan desimal dari 0 sampai 1, jadi byte dibagi 255. Misalnya, 80 adalah 128, dan 128 ÷ 255 = 0.502. Nilai dipertahankan hingga tiga angka desimal, yang cukup presisi agar setiap level alpha 8-bit dapat kembali ke byte yang sama persis — sumber umum kesalahan "off by one" pada konverter yang membulatkan ke dua desimal.
Bisakah saya mengatur transparansi sendiri?
Bisa. Gunakan kolom opsional Penimpaan Alpha untuk memaksa nilai alpha antara 0 (sepenuhnya transparan) dan 1 (sepenuhnya buram). Ini berguna saat Anda memiliki warna merek yang buram seperti #336699 dan ingin versi 50% tembus pandang — atur penimpaan ke 0.5 dan dapatkan rgba(51, 102, 153, 0.5). Penimpaan menggantikan alpha apa pun yang sudah ada di hex.
RGB vs RGBA
Jika Anda hanya membutuhkan warna solid, gunakan baris rgb() dari tabel hasil. Output rgba() selalu menyertakan kanal alpha, yang Anda butuhkan untuk overlay, bayangan, status hover, dan efek glassmorphism.
Apakah data saya privat?
Ya. Konversi dilakukan secara lokal di browser Anda menggunakan aritmetika sederhana — tidak ada yang diunggah ke server.