AbraCalc

RGB(255, 165, 0) to HSL (Orange)

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

Embed this tool on your site

How to use this tool

  1. Enter red, green, and blue values (each 0–255).
  2. The tool calculates hue (0–360°), saturation (0–100%), and lightness (0–100%).
  3. Use the hsl() result directly in CSS.

The CSS named color orange — RGB(255, 165, 0) — converts to approximately hsl(39, 100%, 50%).

Frequently asked questions

What is HSL?
HSL stands for Hue, Saturation, Lightness. It represents colors in a cylindrical model, making it more intuitive than RGB for adjusting brightness and saturation.
What range does hue use?
Hue is measured in degrees from 0 to 360, where 0/360 is red, 120 is green, and 240 is blue.