RGB → HSL 変換ツール

RGB の値を入力すると HSL がすぐに表示されます。計算はすべてブラウザ内で行われ、入力値がサーバーに送られることはありません。

変換結果

ほかの形式

カラーピッカーで開く

HOW

計算方法

3 チャンネルを 0〜1 に正規化して最大値と最小値を求めます。明度は（最大＋最小）÷2、彩度はその差を明度で補正した値、色相はどのチャンネルが最大かで決まります。

EXAMPLES

RGB → HSL 変換例

Color	RGB	HSL
Red	`rgb(255, 0, 0)`	`hsl(0, 100%, 50%)`
Tomato	`rgb(255, 99, 71)`	`hsl(9, 100%, 64%)`
Orange	`rgb(255, 165, 0)`	`hsl(39, 100%, 50%)`
Gold	`rgb(255, 215, 0)`	`hsl(51, 100%, 50%)`
Limegreen	`rgb(50, 205, 50)`	`hsl(120, 61%, 50%)`
Teal	`rgb(0, 128, 128)`	`hsl(180, 100%, 25%)`
Dodgerblue	`rgb(30, 144, 255)`	`hsl(210, 100%, 56%)`
Royalblue	`rgb(65, 105, 225)`	`hsl(225, 73%, 57%)`
Blueviolet	`rgb(138, 43, 226)`	`hsl(271, 76%, 53%)`
Hotpink	`rgb(255, 105, 180)`	`hsl(330, 100%, 71%)`

MORE

ほかの変換ツール

HEX → RGBHEX → RGB 変換ツール RGB → HEXRGB → HEX 変換ツール HEX → HSLHEX → HSL 変換ツール HSL → HEXHSL → HEX 変換ツール HEX → CMYKHEX → CMYK 変換ツール RGB → CMYKRGB → CMYK 変換ツール HEX → OKLCHHEX → OKLCH 変換ツール OKLCH → HEXOKLCH → HEX 変換ツール RGB → OKLCHRGB → OKLCH 変換ツール