Konverter HSL ke HEX
Konversi HSL ke HEX secara instan saat Anda mengetik — gratis, cepat, lengkap dengan contoh perhitungan dan bagan warna umum.
Ketik nilai HSL untuk melihat nilai HEX di bawahnya, atau pilih warna langsung dari palet.
Contoh perhitungan
HSL 11, 100%, 60% = HEX #ff5733
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 HSL dan HEX
| Warna | HSL | HEX |
|---|---|---|
| Merah | 0, 100%, 50% | #ff0000 |
| Jingga | 39, 100%, 50% | #ffa500 |
| Kuning | 60, 100%, 50% | #ffff00 |
| Hijau | 120, 100%, 25% | #008000 |
| Sian | 180, 100%, 50% | #00ffff |
| Biru | 240, 100%, 50% | #0000ff |
| Ungu | 300, 100%, 25% | #800080 |
| Merah Muda | 350, 100%, 88% | #ffc0cb |
| Cokelat | 0, 59%, 41% | #a52a2a |
| Putih | 0, 0%, 100% | #ffffff |
| Abu-abu | 0, 0%, 50% | #808080 |
| Hitam | 0, 0%, 0% | #000000 |
Setiap konversi berjalan langsung di browser Anda. Tidak ada data yang Anda masukkan yang diunggah ke BroBroGo.
Tanya Jawab
Bagaimana cara mengonversi HSL ke HEX?
Ketik atau tempel nilai HSL Anda di atas — nilai HEX 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.