HSL → HEX 変換ツール

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

変換結果

ほかの形式

カラーピッカーで開く

HOW

計算方法

色相・彩度・明度から RGB を計算し、各チャンネルを 16 進数 2 桁で表記します。明度 50% のときに彩度が最もはっきり出ます。

EXAMPLES

HSL → HEX 変換例

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

MORE

ほかの変換ツール

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