HEX til HSL
Konverter HEX-fargekoder til HSL-verdier med presisjon, ideelt for fargemanipulering og designsystemer
Fargekonverterer
Fargeresultat
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%)
Eksempler på konverteringer
Rød
HEX: #FF0000
HSL: 0°, 100%, 50%
Grønn
HEX: #00FF00
HSL: 120°, 100%, 50%
Blå
HEX: #0000FF
HSL: 240°, 100%, 50%
Gul
HEX: #FFFF00
HSL: 60°, 100%, 50%
Magenta
HEX: #FF00FF
HSL: 300°, 100%, 50%
Cyan
HEX: #00FFFF
HSL: 180°, 100%, 50%
Anbefalte verktøy
HSL to HEX
Konverter HSL-fargeverdier tilbake til HEX-fargekoder for webutvikling
HSL to RGB Converter
Transformer HSL-fargeverdier til RGB-fargekoder for digital design
Fargeharmonigenerator
Lag komplementære fargeskjemaer ved hjelp av HSL-fargeteori
HSL Color Manipulator
Juster fargetone, metning og lysstyrke for å lage fargevariasjoner
Om dette verktøyet
Vår HEX til HSL-konverterer transformerer heksadesimale fargekoder til HSL-fargemodellen (Hue, Saturation, Lightness), som er spesielt nyttig for fargemanipulering og å lage konsistente fargeskjemaer.
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%).
Denne konverteringen er spesielt verdifull for webutviklere og designere som jobber med CSS, ettersom HSL tillater intuitive fargejusteringer. Å endre en enkelt komponent (fargetone, metning eller lysstyrke) gir forutsigbare resultater, noe som gjør det enklere å lage fargevariasjoner og harmonier.
Konverteringsprosessen transformerer først HEX til RGB, og konverterer deretter RGB til HSL ved hjelp av bransjestandardalgoritmer som nøyaktig bevarer fargeintegriteten mellom forskjellige fargemodeller.