FAHAQ

HSL to HEX Converter

Convert HSL colors to HEX and RGB.

Free online HSL to HEX converter. Enter hue, saturation and lightness values to get the HEX color code and RGB, with a live preview. Adjust with sliders. Runs in your browser.

How to use the HSL to HEX Converter

  1. 01Set the hue, saturation and lightness with the inputs or sliders.
  2. 02See the live swatch update with the HEX and RGB output.
  3. 03Copy the HEX code for your CSS.

Frequently asked questions

What ranges do HSL values use?

Hue ranges from 0 to 360 degrees, while saturation and lightness each range from 0 to 100 percent.