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