Advertise

HSL to HEX

Convert HSL (hue, saturation, lightness) to a HEX code.

About HSL to HEX

Set the hue, saturation and lightness and get the HEX and RGB codes of the color.

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. HEX to HSLConvert a HEX code to hue, saturation and lightness. 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.