HSL to HEX Converter
Convert CSS hsl() or hsla() colours to hex codes. Accepts degrees, turns and modern space-separated syntax.
Runs in your browserHSL colour → HEX colour
Loading tool…
Example
hsl(120, 100%, 25%)
#008000
How to use the HSL to HEX Converter
- Bare values such as "120, 100%, 25%" are read as hue, saturation and lightness.
Privacy and limitations
- Your data is processed on your device and is not uploaded to any server.
Related converters
HSL to RGB ConverterConvert hsl() colours to rgb() channel values from 0 to 255, keeping alpha when present.HEX to HSL ConverterConvert hex colour codes to CSS hsl() hue, saturation and lightness values, ideal for building colour themes.RGB to HSL ConverterConvert RGB colour values to HSL (hue, saturation, lightness) with configurable decimal precision.RGB to HEX ConverterConvert rgb() or rgba() colour values to hex codes for CSS, design tools and brand guidelines.RGB to HSV ConverterConvert RGB colours to HSV / HSB (hue, saturation, value) as used by Photoshop and most colour pickers.HEX to RGB ConverterConvert hex colour codes like #ff5733 or #fff to CSS rgb() values, with alpha support for 8-digit hex.HSV to RGB ConverterConvert HSV / HSB colour values (hue in degrees, saturation and value in percent) to RGB.HEX to HSV ConverterConvert hex colour codes to HSV / HSB values for use in graphics software colour pickers.