PantoneVerktyg

HSL till HEX

Konvertera HSL-färgvärden till HEX-färgkoder med precision, perfekt för webbdesign och digitala applikationer

Färgkonverterare

HSL Input

180° 360°
100%
0% 50% 100%
50%
0% 50% 100%

Klicka på färgprover för exempel

HEX Output

HEX Value

RGB Value

rgb(255, 0, 0)

HSL Value

hsl(0°, 100%, 50%)

Färgdetaljer

Färgtyp

Röd

Ljusstyrka

Hög

CSS-kompatibilitet

Fullt stöd

Webbsäker

Ja

Konverteringsexempel

Röd

HSL: 0°, 100%, 50%

HEX: #FF0000

Grön

HSL: 120°, 100%, 50%

HEX: #00FF00

Blå

HSL: 240°, 100%, 50%

HEX: #0000FF

Gul

HSL: 60°, 100%, 50%

HEX: #FFFF00

Magenta

HSL: 300°, 100%, 50%

HEX: #FF00FF

Cyan

HSL: 180°, 100%, 50%

HEX: #00FFFF

Rekommenderade verktyg

Om det här verktyget

Vår HSL till HEX-konverterare ger exakt konvertering mellan dessa två populära färgformat som används inom digital design och webbutveckling.

HSL (Hue, Saturation, Lightness) is a color model that describes colors in terms that align with human perception. It's particularly intuitive for creating color variations and schemes, allowing designers to easily adjust saturation and lightness while maintaining the same hue.

HEX (Hexadecimal) is a six-character code representing RGB color values in hexadecimal format. It's the most common color format used in web design and CSS, offering a compact way to specify colors with exact precision.

Detta konverteringsverktyg överbryggar dessa två format, vilket gör det möjligt för designers att arbeta i den mer intuitiva HSL-modellen samtidigt som de genererar de HEX-koder som behövs för implementering på webbplatser och digitala applikationer. Konverteringen är matematiskt exakt, vilket säkerställer korrekt färgrepresentation i båda formaten.

Vanliga frågor