Advertise

HEX to HSL

Convert a HEX code to hue, saturation and lightness.

About HEX to HSL

HSL describes a color the way people think about it: hue (0–360°), saturation and lightness. Convert any HEX code to HSL for easy tweaking in CSS.

How to use

  1. Pick a color, type any color code (HEX, RGB, HSL, a CSS name…) or open an image.
  2. Adjust the options – the result updates instantly.
  3. Click any code or swatch to copy it, or send the color to another tool with Open in….

Everything runs in your browser: your colors and images are never uploaded or stored.

Related tools

HEX to RGBConvert a HEX color code to RGB (and RGBA). RGB to HEXConvert RGB values to a HEX color code. HSL to HEXConvert HSL (hue, saturation, lightness) to a HEX code. RGB to CMYKConvert screen RGB colors to CMYK percentages for print. CMYK to RGBConvert CMYK percentages to RGB and HEX for the screen. HEX with Alpha (RGBA)Add transparency: 8-digit HEX ⇄ rgba() ⇄ hsla(). All-in-One Color ConverterPaste any color code – get HEX, RGB, HSL, HSV, CMYK, Lab, OKLCH… HTML Color PickerPick any color and copy its HEX, RGB, HSL, HSV and CMYK codes.