Konverter HEX ke HSL
Konversi HEX ke HSL secara instan saat Anda mengetik — gratis, cepat, lengkap dengan contoh perhitungan dan bagan warna umum.
Ketik nilai HEX untuk melihat nilai HSL di bawahnya, atau pilih warna langsung dari palet.
Contoh perhitungan
HEX #ff5733 = HSL 11, 100%, 60%
Cara kerja konversi
- Kode HEX menggunakan tiga saluran RGB yang sama namun ditulis dalam basis-16 (heksadesimal): dua digit untuk setiap saluran, mulai dari 00 (0) hingga ff (255).
- HSL mendeskripsikan warna yang sama berdasarkan hue (corak warna 0–360° pada roda warna), saturation (saturasi), dan lightness (kecerahan) — sangat praktis untuk menggelapkan atau mengurangi saturasi warna hanya dengan mengubah satu komponen saja.
Warna umum dalam HEX dan HSL
| Warna | HEX | HSL |
|---|---|---|
| Merah | #ff0000 | 0, 100%, 50% |
| Jingga | #ffa500 | 39, 100%, 50% |
| Kuning | #ffff00 | 60, 100%, 50% |
| Hijau | #008000 | 120, 100%, 25% |
| Sian | #00ffff | 180, 100%, 50% |
| Biru | #0000ff | 240, 100%, 50% |
| Ungu | #800080 | 300, 100%, 25% |
| Merah Muda | #ffc0cb | 350, 100%, 88% |
| Cokelat | #a52a2a | 0, 59%, 41% |
| Putih | #ffffff | 0, 0%, 100% |
| Abu-abu | #808080 | 0, 0%, 50% |
| Hitam | #000000 | 0, 0%, 0% |
Setiap konversi berjalan langsung di browser Anda. Tidak ada data yang Anda masukkan yang diunggah ke BroBroGo.
Tanya Jawab
Bagaimana cara mengonversi HEX ke HSL?
Ketik atau tempel nilai HEX Anda di atas — nilai HSL akan langsung diperbarui saat Anda mengetik. Anda juga dapat memilih warna secara visual menggunakan palet warna.
Apakah hasil konversinya akurat?
Nilai dibulatkan ke bilangan bulat terdekat, sesuai dengan format yang dibutuhkan oleh CSS dan aplikasi desain. Perbedaannya sangat kecil dan tidak akan terlihat oleh mata manusia.