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. This free online converter is also useful when you are searching for HSL to RGB, color conversion, RGB values. It is designed to give a clear result quickly, without requiring a separate desktop application or manual conversion formula. Common use cases include CSS, design systems, JavaScript and graphics. For important technical, engineering, financial, medical, or production decisions, always confirm the applicable standard and precision requirements.

How to Use This HSL to RGB

  1. 1
    Enter the source colorPaste the color value or named color in the supported input format.
  2. 2
    Check the input valuesMake sure channels, percentages, or hexadecimal digits are valid for the selected color model.
  3. 3
    View the converted colorThe tool calculates the equivalent representation instantly and shows the resulting color.
  4. 4
    Compare the formatsUse the displayed HEX, RGB, HSL, CMYK, or other available value to confirm it fits your workflow.
  5. 5
    Copy the resultPaste the generated color value into CSS, a design system, graphics software, documentation, or development 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.
HSL(0, 100%, 50%) represents pure red, rgb(255, 0, 0).