HEX to HSL Converter
Convert hex colour codes to CSS hsl() hue, saturation and lightness values, ideal for building colour themes.
Runs in your browserHEX colour → HSL colour
Loading tool…
Example
#ff5733
hsl(11, 100%, 60%)
How to use the HEX to HSL Converter
- Input is flexible: #fff, fff, #ff5733cc, rgb(255 87 51), "255, 87, 51", hsl(11 100% 60%) and CSS colour names all work.
Privacy and limitations
- Your data is processed on your device and is not uploaded to any server.
Related converters
HEX to RGB ConverterConvert hex colour codes like #ff5733 or #fff to CSS rgb() values, with alpha support for 8-digit hex.Color Shades GeneratorGenerate evenly spaced tints (mixed with white) and shades (mixed with black) of a base colour.HSL to HEX ConverterConvert CSS hsl() or hsla() colours to hex codes. Accepts degrees, turns and modern space-separated syntax.RGB to HEX ConverterConvert rgb() or rgba() colour values to hex codes for CSS, design tools and brand guidelines.RGB to HSL ConverterConvert RGB colour values to HSL (hue, saturation, lightness) with configurable decimal precision.HSL to RGB ConverterConvert hsl() colours to rgb() channel values from 0 to 255, keeping alpha when present.RGB to HSV ConverterConvert RGB colours to HSV / HSB (hue, saturation, value) as used by Photoshop and most colour pickers.HSV to RGB ConverterConvert HSV / HSB colour values (hue in degrees, saturation and value in percent) to RGB.