Why convert RGB to HSL?

HSL is more human-readable and easier to tweak programmatically, you can lighten or darken a colour by changing just the L value.

Yes. The algorithm follows the standard RGB-to-HSL formula with full precision.

RGB to HSL Converter

Convert RGB color values to HSL format. Great for moving from image colour pickers to more intuitive design adjustments. Browser-only.

Input

R

G

B

All formats

HEX#000000

RGBrgb(0, 0, 0)

HSLhsl(0, 0%, 0%)

CONVERT

All three formats are shown simultaneously regardless of mode.

Runs entirely in your browser

How it works

Color conversion uses standard mathematical formulas. HEX is just a hexadecimal representation of the three RGB byte values, and HSL is computed from RGB via a well-known normalisation algorithm. All conversion runs in JavaScript inside your browser.

Processing runs in your browser

All computation happens inside your browser tab. Our servers are not involved at any point.

Related operations

To check whether two colours meet WCAG legibility, try the contrast checker. For building a coordinated set from one base colour, use the colour palette generator. To craft smooth multi-stop blends in CSS, see the CSS gradient generator.

Frequently asked questions

Why convert RGB to HSL?: HSL is more human-readable and easier to tweak programmatically, you can lighten or darken a colour by changing just the L value.
Is this accurate?: Yes. The algorithm follows the standard RGB-to-HSL formula with full precision.

RGB to HSL Converter

How it works

Processing runs in your browser

Related operations

Frequently asked questions

Related tools