Pantone工具

HSL 转 HEX

将 HSL 颜色值精确转换为 HEX 颜色代码,非常适合网页设计和数字应用

颜色转换器

HSL Input

180° 360°
100%
0% 50% 100%
50%
0% 50% 100%

点击颜色样本查看示例

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 模型中工作,同时生成网站和数字应用程序中所需的十六进制代码。转换过程数学上精确,确保两种格式的色彩呈现准确。

常见问题