HSLからRGB変換

HSL色をRGB形式に変換

ブラウザ処理データはブラウザの外に出ることはありません

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からRGB変換

HSL色をRGB形式に変換

Use this free online カラーツール 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.