HSL to RGB Converter

Convert HSL colors to RGB format

Browser ProcessingYour data never leaves your browser

HSL Input

HSL Sliders

Hue217°
Saturation91%
Lightness60%

RGB Output

rgb(60, 131, 246)

Red

60

Green

131

Blue

246

All Formats

RGBrgb(60, 131, 246)
RGBArgba(60, 131, 246, 1)
HEX#3C83F6
HSLhsl(217, 91%, 60%)
HSLAhsla(217, 91%, 60%, 1)
CSS rgb()rgb(60 131 246)
Decimal60, 131, 246

Parse HSL String

HSL to RGB Formula

C = (1 - |2L - 1|) × S

X = C × (1 - |H/60 mod 2 - 1|)

m = L - C/2

Then based on H:

0-60°: R'=C, G'=X, B'=0

60-120°: R'=X, G'=C, B'=0

120-180°: R'=0, G'=C, B'=X

180-240°: R'=0, G'=X, B'=C

240-300°: R'=X, G'=0, B'=C

300-360°: R'=C, G'=0, B'=X

(R,G,B) = ((R'+m), (G'+m), (B'+m)) × 255

About HSL to RGB Converter

Convert HSL colors to RGB format

Use this free online color tools tool to work faster without installing extra software. The interface is built for quick input, clear output, and straightforward results on desktop and mobile devices.

Processing

This tool runs in your browser whenever possible, which keeps your inputs private and reduces unnecessary round-trips to the server.