design

HEX → HSL

HEX → HSL. 在 HEX、RGB、HSL 和 CMYK 格式之間轉換顏色。自動檢測輸入格式並查看所有色彩空間表示。

參數

色值*

輸入 HEX、RGB、HSL 或 HWB 格式的顏色

輸入格式*

輸入顏色值的格式

HSL

hsl(217, 91%, 60%)

Hue: 217°, Saturation: 91%, Lightness: 60%

其他結果 (5)

顏色預覽

#3B82F6

顏色的視覺預覽

HEX

#3B82F6

十六進位顏色表示法

RGB

rgb(59, 130, 246)

Red: 59, Green: 130, Blue: 246

CMYK

cmyk(76%, 47%, 0%, 4%)

Cyan: 76%, Magenta: 47%, Yellow: 0%, Black: 4%

命名顏色

Royal Blue (closest match)

CSS 命名最接近此顏色的顏色

#3B82F6

hsl(217, 91%, 60%)

CMYK換算為不帶ICC設定的數學近似，不能預測特定印表機和紙張的輸出顏色。

HEX → HSL. 在 HEX、RGB、HSL 和 CMYK 格式之間轉換顏色。自動檢測輸入格式並查看所有色彩空間表示。

CSS Color Module Level 4 - W3C

Color Values - MDN Web Docs

Named CSS Colors

繼續探索同一情境下的實用工具。