HEX → HSL 変換ツール

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

変換結果

ほかの形式

カラーピッカーで開く

HOW

計算方法

HEX をいったん RGB に変換し、色相（0〜360°）・彩度・明度に直します。最大チャンネルと最小チャンネルの差が彩度を、その平均が明度を決めます。

EXAMPLES

HEX → HSL 変換例

Color	HEX	HSL
Red	`#FF0000`	`hsl(0, 100%, 50%)`
Tomato	`#FF6347`	`hsl(9, 100%, 64%)`
Orange	`#FFA500`	`hsl(39, 100%, 50%)`
Gold	`#FFD700`	`hsl(51, 100%, 50%)`
Limegreen	`#32CD32`	`hsl(120, 61%, 50%)`
Teal	`#008080`	`hsl(180, 100%, 25%)`
Dodgerblue	`#1E90FF`	`hsl(210, 100%, 56%)`
Royalblue	`#4169E1`	`hsl(225, 73%, 57%)`
Blueviolet	`#8A2BE2`	`hsl(271, 76%, 53%)`
Hotpink	`#FF69B4`	`hsl(330, 100%, 71%)`

MORE

ほかの変換ツール

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