Ada masalah dengan alat ini?

Tentang «Konverter HEX Ke RGBA Online»

Alat ini mengonversi kode warna hex ke notasi RGBA, di mana A adalah saluran alfa (opasitas dari 0 hingga 1). Kode hex seperti #FF5733 tidak menyertakan transparansi; rgba(255, 87, 51, 0.5) memungkinkan Anda menentukan varian semi-transparan untuk overlay, gradient stops, atau token desain.

Notasi RGBA penting saat merancang elemen semi-transparan: tooltip, backdrop modal, batang grafik yang pudar, dan tanda air semua menggunakan opasitas yang bervariasi. Notasi hex 8-digit (#FF5733FF) adalah alternatif tetapi RGBA lebih banyak dipahami oleh desainer.

Gunakan untuk menambahkan transparansi pada warna merek saat mendesain status UI, meredupkan warna primer untuk tombol yang dinonaktifkan, atau mencampur warna secara visual dengan menumpuk lapisan transparan.

Cara memakai alat ini

Cara mengonversi warna hex (dengan alpha opsional) ke RGBA

  1. Masukkan nilai hex

    Hex di kolom "Hex (#RGB … #RRGGBBAA)". Empat panjang didukung: `#RGB`, `#RGBA`, `#RRGGBB`, `#RRGGBBAA` — `#` di awal opsional dan kapitalisasi tidak penting.

  2. Cara alpha diuraikan

    Bila hex menyertakan alpha (4 atau 8 digit) maka dipakai; jika tidak, alpha default 1 (sepenuhnya opaque). Nilai byte dibagi 255 untuk mendapat float 0–1, dipotong ke 4 desimal.

  3. Tekan Jalankan

    Keluaran: `r`, `g`, `b` (0–255), `a` (float 0–1), `alphaByte` (0–255), `hex` (8 digit ternormalisasi), `hexRgb` (6 digit tanpa alpha), dan `rgbaCss` (string `rgba(r, g, b, a)` siap tempel).

  4. Pakai hex atau hexRgb sesuai konteks

    Pakai `hex` (8 digit) di CSS yang mendukung hex 8 digit. Pakai `hexRgb` bila Anda butuh hex 6 digit legacy plus deklarasi `opacity` atau `rgba()` terpisah.

Alat serupa