Konversi RGB ke HSL
Ubah nilai merah, hijau, dan biru menjadi hue, saturasi, dan lightness agar warna lebih mudah diatur di CSS.
Input rgb
Hasil · HSL
hsl(344, 100%, 62%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Cara menggunakan: RGB ke HSL
- 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.
RGB dibandingkan HSL
RGB menyusun warna dari tiga kanal cahaya, yang cocok untuk layar tetapi sulit diatur secara manual: membuat rgb(255, 61, 114) sedikit lebih gelap berarti mengubah ketiga angkanya. HSL mendeskripsikan warna yang sama sebagai hue, yaitu sudut pada roda warna dari 0 hingga 360°, ditambah saturasi dan lightness (kecerahan) dalam persen, sehingga warna merah muda tadi menjadi hsl(344, 100%, 62%).
Struktur ini membuat HSL ideal untuk menyusun gradasi warna dan tema. Pertahankan hue dan saturasi lalu turunkan lightness untuk mendapatkan warna status hover atau ditekan, naikkan untuk latar belakang berwarna lembut, atau kurangi saturasi untuk versi yang lebih kalem. Semua browser modern menerima hsl() di CSS, sehingga Anda bisa langsung menempelkan hasilnya. Konverter membulatkan nilai ke bilangan bulat, jadi mengonversi balik bisa menggeser satu kanal sebesar satu langkah.
Semua berjalan secara lokal di browser Anda — gambar Anda tidak pernah diunggah ke server.