HEX ke HSL
Konversi kode warna HEX ke nilai HSL dengan presisi, ideal untuk manipulasi warna dan sistem desain
Konverter Warna
Hasil Warna
HSL Values
0° = Red, 120° = Green, 240° = Blue
0% = Gray, 100% = Full color
0% = Black, 100% = White
RGB Equivalent
rgb(255, 255, 255)
hsl(0, 0%, 100%)
Contoh Konversi
Merah
HEX: #FF0000
HSL: 0°, 100%, 50%
Hijau
HEX: #00FF00
HSL: 120°, 100%, 50%
Biru
HEX: #0000FF
HSL: 240°, 100%, 50%
Kuning
HEX: #FFFF00
HSL: 60°, 100%, 50%
Warna merah muda
HEX: #FF00FF
HSL: 300°, 100%, 50%
Biru kehijauan
HEX: #00FFFF
HSL: 180°, 100%, 50%
Alat yang Direkomendasikan
HSL to HEX
Konversi nilai warna HSL kembali ke kode warna HEX untuk pengembangan web
HSL to RGB Converter
Ubah nilai warna HSL menjadi kode warna RGB untuk desain digital
Generator Harmoni Warna
Buat skema warna komplementer menggunakan teori warna HSL
HSL Color Manipulator
Sesuaikan rona, saturasi, dan kecerahan untuk membuat variasi warna
Tentang Alat Ini
Konverter HEX ke HSL kami mengubah kode warna heksadesimal menjadi model warna HSL (Hue, Saturation, Lightness), yang khususnya berguna untuk manipulasi warna dan menciptakan skema warna yang konsisten.
HSL represents colors in a way that aligns more naturally with human perception of color. Hue corresponds to the color's position on the color wheel (0° to 360°), saturation refers to the color's intensity (0% to 100%), and lightness determines how light or dark the color appears (0% to 100%).
Konversi ini sangat berharga bagi pengembang dan desainer web yang bekerja dengan CSS, karena HSL memungkinkan penyesuaian warna yang intuitif. Memodifikasi satu komponen (rona, saturasi, atau kecerahan) menghasilkan hasil yang dapat diprediksi, sehingga memudahkan penciptaan variasi dan harmoni warna.
Proses konversi pertama-tama mengubah HEX ke RGB, kemudian mengubah RGB ke HSL menggunakan algoritma standar industri yang secara akurat menjaga integritas warna antara model warna yang berbeda.