HEX to HSL Converter
Masukkan kode warna HEX lalu baca hue, saturation, dan lightness-nya, plus notasi CSS hsl() yang langsung bisa dipakai.
100% Free No Ads Privacy
Pengaturan
Cepat
Diproses langsung di perangkat, tanpa menunggu unggahan ke server.
Browser-based
Tanpa instalasi, langsung terbuka di tab browser Anda.
Simpel
Seret, proses, unduh. Tidak ada langkah yang tidak perlu.
Cara pakai
- Ketik kode warna HEXnya.
- Lihat nilai H, S, dan L yang tampil otomatis.
- Salin notasi hsl() dari hasilnya.
Format yang didukung
Input: HEX 3 atau 6 digit. Output: nilai H, S, L, dan notasi hsl().
Pertanyaan umum
Berapa rentang nilai HSL?
Hue 0 sampai 360 derajat, saturation dan lightness 0 sampai 100 persen.
Kenapa cocok untuk CSS?
Karena notasi hsl() membuatnya mudah mengubah terang atau gelap tanpa menghitung ulang HEX.
Apakah butuh internet?
Tidak. Konversinya berjalan di browser Anda.
Tool terkait
Sering dipakai bersama tool ini.
Color Picker Pilih warna (input hex) → konversi ke RGB, HSL, HSV, CMYK + snippet CSS custom property. Design HEX ke RGB Konversi HEX (#RRGGBB atau #RGB) ke RGB (desimal 0-255) dan HSL. Design RGB ke HEX Konversi R, G, B (0-255) ke HEX (#RRGGBB) + HSL. Design HSL ke HEX Konversi H (0-360), S (0-100%), L (0-100%) ke HEX + RGB. Design