ToolPuma Logo

HSL to RGB

Convert HSL color values into RGB notation.

Enter hue (0–360), saturation, and lightness (0–100%), e.g. 9, 100%, 64%.

What Is a HSL to RGB?

The HSL to RGB converter turns hue, saturation, and lightness values back into RGB and hex. Designers can fine-tune a color by lightness in HSL, then get the exact RGB and hex value, all instantly.

How to Use This HSL to RGB

  1. 1
    Enter HSL valuesType hue, saturation, and lightness, e.g. 0, 100%, 50%.
  2. 2
    See RGB and hexThe matching RGB and hex values appear instantly.
  3. 3
    Copy the resultCopy either format into your code.

Frequently Asked Questions

Enter three numbers: hue (0–360), saturation (0–100), and lightness (0–100), separated by commas.
It is pure red with a hex value of #ff0000.
Percentages are supported, so you can paste CSS-style hsl(9, 100%, 64%) directly.

Related Converters Tools

Length Converter

Convert length between metric and imperial units.

Weight Converter

Convert weight and mass between kg, lb, oz and more.

Height Converter

Convert height between centimeters, meters, feet and inches.

Area Converter

Convert area units including m², ha, ft², and acres.

Volume Converter

Convert volume between liters, gallons, cups and more.

Temperature Converter

Convert temperature between Celsius, Fahrenheit and Kelvin.

More Converters Tools

Speed Converter

Convert speed between km/h, mph, knots and m/s.

Time Converter

Convert time units between seconds, minutes, hours and days.

Pressure Converter

Convert pressure between bar, psi, atm, and pascal.

Energy Converter

Convert energy between joules, calories, kWh and BTUs.

Power Converter

Convert power between watts, kilowatts, hp and more.

Frequency Converter

Convert frequency between hertz, kilohertz, RPM and more.