HEX v HSL
Pretvorite barvne kode HEX v vrednosti HSL z natančnostjo, idealno za manipulacijo barv in oblikovalske sisteme
Pretvornik barv
Barvni rezultat
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%)
Primeri pretvorb
Rdeča
HEX: #FF0000
HSL: 0°, 100%, 50%
Zelena
HEX: #00FF00
HSL: 120°, 100%, 50%
Modra
HEX: #0000FF
HSL: 240°, 100%, 50%
Rumena
HEX: #FFFF00
HSL: 60°, 100%, 50%
Magenta
HEX: #FF00FF
HSL: 300°, 100%, 50%
Cian
HEX: #00FFFF
HSL: 180°, 100%, 50%
Priporočena orodja
HSL to HEX
Pretvorite barvne vrednosti HSL nazaj v barvne kode HEX za spletni razvoj
HSL to RGB Converter
Pretvorite barvne vrednosti HSL v barvne kode RGB za digitalno oblikovanje
Generator barvne harmonije
Ustvarjanje komplementarnih barvnih shem z uporabo teorije barv HSL
HSL Color Manipulator
Prilagodite odtenek, nasičenost in svetlost za ustvarjanje barvnih različic
O tem orodju
Naš pretvornik HEX v HSL pretvori šestnajstiške barvne kode v barvni model HSL (odtenek, nasičenost, svetlost), kar je še posebej uporabno za manipulacijo barv in ustvarjanje doslednih barvnih shem.
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%).
Ta pretvorba je še posebej dragocena za spletne razvijalce in oblikovalce, ki delajo s CSS, saj HSL omogoča intuitivno prilagajanje barv. Spreminjanje ene same komponente (odtenek, nasičenost ali svetlost) daje predvidljive rezultate, kar olajša ustvarjanje barvnih različic in harmonij.
Postopek pretvorbe najprej pretvori HEX v RGB, nato pa pretvori RGB v HSL z uporabo industrijskih standardnih algoritmov, ki natančno ohranjajo integriteto barv med različnimi barvnimi modeli.