HSL 轉 HEX
將 HSL 顏色值精確轉換為 HEX 顏色代碼，非常適合網頁設計和數位應用
顏色轉換器
HEX Output
HEX Value
RGB Value
rgb(255, 0, 0)
HSL Value
hsl(0°, 100%, 50%)
色彩細節
顏色類型
紅色的
亮度
高的
CSS相容性
全力支持
網路安全
是的
轉換範例
紅色的
HSL: 0°, 100%, 50%
HEX: #FF0000
綠色的
HSL: 120°, 100%, 50%
HEX: #00FF00
藍色的
HSL: 240°, 100%, 50%
HEX: #0000FF
黃色的
HSL: 60°, 100%, 50%
HEX: #FFFF00
品紅
HSL: 300°, 100%, 50%
HEX: #FF00FF
青色
HSL: 180°, 100%, 50%
HEX: #00FFFF
推薦工具
關於此工具
我們的 HSL 到 HEX 轉換器可在數位設計和 Web 開發中使用的這兩種流行顏色格式之間提供精確的轉換。
HSL (Hue, Saturation, Lightness) is a color model that describes colors in terms that align with human perception. It's particularly intuitive for creating color variations and schemes, allowing designers to easily adjust saturation and lightness while maintaining the same hue.
HEX (Hexadecimal) is a six-character code representing RGB color values in hexadecimal format. It's the most common color format used in web design and CSS, offering a compact way to specify colors with exact precision.
此轉換工具連接了這兩種格式，使設計師能夠在更直觀的 HSL 模型中工作，同時生成網站和數位應用程式中所需的十六進位程式碼。轉換過程數學上精確，確保兩種格式的色彩呈現準確。