Konversi HEX ke HSL
Ubah kode warna HEX menjadi hue, saturasi, dan lightness untuk membuat varian warna yang lebih terang dan lebih gelap dengan mudah.
Input hex
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: HEX 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.
Warna HEX dan HSL
HEX adalah cara menuliskan warna di CSS dan aplikasi desain: tanda # diikuti tiga pasang digit heksadesimal untuk merah, hijau, dan biru. HSL mendeskripsikan warna yang sama seperti cara orang memikirkannya — hue sebagai sudut pada roda warna dari 0 hingga 360°, serta saturasi dan lightness dalam persen.
Mengonversi ke HSL sangat praktis saat Anda membutuhkan variasi dari satu warna: pertahankan hue dan ubah lightness untuk mendapatkan warna yang lebih terang dan lebih gelap untuk status hover, latar belakang, dan garis tepi. Browser memahami kedua notasi, misalnya hsl(342, 100%, 62%). Tempel kode tiga atau enam digit, dengan atau tanpa tanda #, lalu salin hasil hsl(); RGB, HSV, dan CMYK juga ditampilkan.
Semua berjalan secara lokal di browser Anda — gambar Anda tidak pernah diunggah ke server.