Konversi HEX ke RGBA
Ubah kode HEX menjadi nilai rgba() yang bisa Anda buat semi-transparan dengan mengubah angka alpha.
Input hex
Hasil · RGBA
rgba(255, 61, 114, 1)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Cara menggunakan: HEX ke RGBA
- 1
Masukkan warna
Ketik kode warna atau pilih warna dengan pemilih warna — setiap kolom menerima format yang ditampilkannya.
- 2
Lihat hasil konversinya
Hasil diperbarui secara instan saat Anda mengetik, disertai pratinjau warna secara langsung.
- 3
Salin kodenya
Salin nilai yang Anda perlukan dengan satu klik, lalu tempelkan ke desain, CSS, atau pengaturan cetak Anda.
Tentang HEX dan RGBA
RGBA adalah RGB dengan komponen keempat, alpha, yang mengatur opasitas dari 0 (sepenuhnya transparan) hingga 1 (sepenuhnya buram). Kode HEX standar enam digit seperti #6A5ACD tidak membawa transparansi, sehingga konverter mengembalikannya sebagai rgba(106, 90, 205, 1) — warna yang sama dengan opasitas penuh.
Untuk membuatnya tembus pandang, ubah angka terakhir: rgba(106, 90, 205, 0.5) berarti setengah transparan, dan 0.15 memberi rona tipis. Ini adalah cara umum untuk membuat overlay di atas foto, bayangan halus, sorotan saat hover, dan latar tembus pandang tanpa perlu mendefinisikan warna terang terpisah. Berbeda dengan properti opacity, alpha di rgba() hanya memengaruhi warna tersebut, sehingga teks di dalam kotak semi-transparan tetap tajam.
CSS modern juga menerima kode HEX delapan digit dengan alpha, seperti #6A5ACD80, tetapi rgba() lebih mudah dibaca dan diedit serta tetap berfungsi di browser dan klien email lama.
Semua berjalan secara lokal di browser Anda — gambar Anda tidak pernah diunggah ke server.