AbraCalc

HSL(39°, 100%, 50%) to RGB (Orange)

HSL(39°, 100%, 50%) converts to approximately RGB(255, 165, 0), the classic CSS orange color.

Embed this tool on your site

How to use this tool

  1. Enter the hue (0–360°), saturation (0–100%), and lightness (0–100%).
  2. The tool outputs the equivalent red, green, and blue values (0–255).
  3. Copy the rgb() string into CSS or read the individual R, G, B numbers.

The CSS named color orange has an HSL value of roughly (39°, 100%, 50%), giving RGB(255, 165, 0).

Frequently asked questions

How does HSL to RGB conversion work?
The algorithm converts saturation/lightness to intermediate values, then maps the hue angle to separate R, G, B channels using a piecewise function.
What is hsl(120, 100%, 50%)?
That is pure green: rgb(0, 255, 0).