HEX kepada HSL
Tukar kod warna HEX kepada nilai HSL dengan ketepatan, sesuai untuk manipulasi warna dan sistem reka bentuk
Penukar 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 Penukaran
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%
Magenta
HEX: #FF00FF
HSL: 300°, 100%, 50%
Cyan
HEX: #00FFFF
HSL: 180°, 100%, 50%
Alat yang Disyorkan
HSL to HEX
Tukar nilai warna HSL kembali kepada kod warna HEX untuk pembangunan web
HSL to RGB Converter
Ubah nilai warna HSL kepada kod warna RGB untuk reka bentuk digital
Penjana Harmoni Warna
Buat skema warna pelengkap menggunakan teori warna HSL
HSL Color Manipulator
Laraskan rona, ketepuan dan kecerahan untuk mencipta variasi warna
Mengenai Alat Ini
Penukar HEX kepada HSL kami menukar kod warna heksadesimal kepada model warna HSL (Hue, Saturation, Lightness), yang amat berguna untuk manipulasi warna dan mencipta 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%).
Penukaran ini amat berharga untuk pembangun web dan pereka bentuk yang bekerja dengan CSS, kerana HSL membenarkan pelarasan warna intuitif. Mengubah suai komponen tunggal (warna, ketepuan atau kecerahan) menghasilkan hasil yang boleh diramal, menjadikannya lebih mudah untuk mencipta variasi dan harmoni warna.
Proses penukaran mula-mula mengubah HEX kepada RGB, kemudian menukar RGB kepada HSL menggunakan algoritma standard industri yang mengekalkan integriti warna dengan tepat antara model warna yang berbeza.