Konversi HSL ke RGBA
Ubah hue, saturasi, dan lightness menjadi nilai rgba() yang siap diberi transparansi di CSS.
Input hsl
Hasil · RGBA
rgba(255, 61, 119, 1)
HEX
#FF3D77
RGB
rgb(255, 61, 119)
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Cara menggunakan: HSL 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 HSL dan RGBA
HSL dan RGBA berasal dari dua cara berpikir yang berbeda tentang warna. HSL mendefinisikan warna berdasarkan hue, saturasi, dan lightness, sehingga mudah untuk merancang serangkaian warna yang saling berkaitan. RGBA mendefinisikannya berdasarkan nilai kanal merah, hijau, dan biru dari 0 hingga 255 ditambah alpha channel untuk opasitas — format yang diharapkan oleh banyak library JavaScript, kode menggambar canvas, alat grafik, dan kode CSS lama.
Konverter mengubah nilai HSL Anda menjadi rgba() dengan alpha 1, artinya sepenuhnya buram. Ubah angka terakhir itu untuk mendapatkan transparansi: 0.8 untuk panel yang sedikit tembus pandang, 0.3 untuk overlay di atas foto, 0 untuk tidak terlihat sama sekali. Tips: di CSS modern Anda juga bisa menambahkan alpha langsung ke HSL, seperti hsl(160 60% 45% / 0.3), tetapi rgba() adalah pilihan yang lebih aman jika library atau template email tidak mendukung sintaks yang lebih baru.
Semua berjalan secara lokal di browser Anda — gambar Anda tidak pernah diunggah ke server.