HEX till HSL
Konvertera HEX-färgkoder till HSL-värden med precision, perfekt för färgmanipulation och designsystem
Färgkonverterare
Färgresultat
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%)
Konverteringsexempel
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%
Rekommenderade verktyg
HSL to HEX
Konvertera HSL-färgvärden tillbaka till HEX-färgkoder för webbutveckling
HSL to RGB Converter
Omvandla HSL-färgvärden till RGB-färgkoder för digital design
Färgharmonigenerator
Skapa komplementära färgscheman med hjälp av HSL-färgteori
HSL Color Manipulator
Justera nyans, mättnad och ljusstyrka för att skapa färgvariationer
Om det här verktyget
Vår HEX till HSL-konverterare omvandlar hexadecimala färgkoder till HSL-färgmodellen (nyans, mättnad, ljusstyrka), vilket är särskilt användbart för färgmanipulation och för att skapa konsekventa färgscheman.
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%).
Denna konvertering är särskilt värdefull för webbutvecklare och designers som arbetar med CSS, eftersom HSL möjliggör intuitiva färgjusteringar. Att modifiera en enskild komponent (nyans, mättnad eller ljusstyrka) ger förutsägbara resultat, vilket gör det enklare att skapa färgvariationer och harmonier.
Konverteringsprocessen omvandlar först HEX till RGB och konverterar sedan RGB till HSL med hjälp av branschstandardalgoritmer som exakt bevarar färgintegriteten mellan olika färgmodeller.