HEX til HSL
Konverter HEX-farvekoder til HSL-værdier med præcision, ideelt til farvemanipulation og designsystemer
Farvekonverter
Farveresultat
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øn
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%
Anbefalede værktøjer
HSL to HEX
Konverter HSL-farveværdier tilbage til HEX-farvekoder til webudvikling
HSL to RGB Converter
Transformer HSL-farveværdier til RGB-farvekoder til digitalt design
Farveharmonigenerator
Opret komplementære farveskemaer ved hjælp af HSL-farveteori
HSL Color Manipulator
Juster farvetone, mætning og lysstyrke for at skabe farvevariationer
Om dette værktøj
Vores HEX til HSL-konverter transformerer hexadecimale farvekoder til HSL-farvemodellen (Hue, Saturation, Lightness), hvilket er særligt nyttigt til farvemanipulation og skabelse af ensartede farveskemaer.
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 konvertering er især værdifuld for webudviklere og designere, der arbejder med CSS, da HSL giver mulighed for intuitive farvejusteringer. Ændring af en enkelt komponent (farvetone, mætning eller lysstyrke) giver forudsigelige resultater, hvilket gør det nemmere at skabe farvevariationer og harmonier.
Konverteringsprocessen transformerer først HEX til RGB og konverterer derefter RGB til HSL ved hjælp af branchestandardalgoritmer, der nøjagtigt bevarer farveintegriteten mellem forskellige farvemodeller.