TL
Tool Lab
💰Donate
💰Donate

HEX to RGBA

Ubah warna HEX menjadi RGBA dengan transparansi alpha.

TransparentOpaque

Tentang alat ini

Konverter HEX ke RGBA mengubah kode warna heksadesimal menjadi format RGBA dengan kontrol opasitas opsional. Developer web menggunakan alat ini saat menambahkan transparansi pada warna di CSS, misalnya untuk overlay, shadow, dan background semi-transparan.

Cukup masukkan kode warna hex (3, 6, atau 8 karakter) dan alat ini langsung menampilkan nilai rgba() yang setara. Anda juga dapat menyesuaikan nilai alpha (opasitas) dari 0 hingga 1.

Cara penggunaan

  1. Masukkan kode warna hex (misalnya #ff5733 atau #f53).
  2. Output RGBA akan diperbarui secara instan.
  3. Sesuaikan slider alpha untuk mengatur opasitas (0 = transparan, 1 = buram/opaque).
  4. Salin nilai rgba() dan tempelkan ke dalam CSS Anda.
  5. Gunakan hex 8 digit (#RRGGBBAA) untuk pengkodean alpha secara langsung.

Kasus penggunaan

Berguna untuk overlay CSS, warna box-shadow, elemen UI semi-transparan, dan setiap kali Anda perlu menambahkan opasitas pada kode hex tertentu.

Pertanyaan umum

  • Apa itu RGBA?RGBA adalah format warna CSS: Red, Green, Blue, dan Alpha (opasitas). Channel alpha berkisar dari 0 (sepenuhnya transparan) hingga 1 (sepenuhnya buram/opaque).
  • Bisakah saya mengonversi hex 3 digit?Bisa. #abc secara otomatis diperluas menjadi #aabbcc sebelum dikonversi.
  • Apa arti hex 8 digit?Hex 8 digit seperti #FF5733AA menyertakan channel alpha pada dua digit terakhir, yang juga langsung dipetakan ke RGBA.
  • Bisakah saya menempelkan nama warna CSS?Tidak, hanya kode hex yang didukung. Gunakan color picker untuk mengonversi nama warna menjadi hex terlebih dahulu.