HEX 转 HSL
把 HEX 颜色代码转换为色相、饱和度和亮度，轻松制作更浅和更深的色调。
文件始终保留在您的设备上完全免费
#FF3D72
hex 输入
结果 · HSL
hsl(344, 100%, 62%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
使用方法: HEX 转 HSL
- 1
输入颜色
输入颜色代码或使用取色器选择颜色，每个字段都接受其所显示的格式。
- 2
查看转换结果
结果会在您输入时即时更新，同时显示颜色的实时预览。
- 3
复制代码
一键复制所需的数值，并粘贴到您的设计、CSS 或印刷设置中。
HEX 与 HSL 颜色
HEX 是 CSS 和设计工具中书写颜色的方式：# 后面跟着分别代表红、绿、蓝的三组十六进制数字。HSL 则以人们思考颜色的方式来描述同一颜色——色相是色轮上 0 到 360° 的角度，饱和度和亮度以百分比表示。
当您需要同一颜色的多种变体时，转换为 HSL 就很方便：保持色相不变、改变亮度，就能得到用于悬停状态、背景和边框的浅色和深色。浏览器能识别这两种写法，例如 hsl(342, 100%, 62%)。粘贴带或不带 # 号的三位或六位代码，复制 hsl() 结果；同时还会显示 RGB、HSV 和 CMYK。
所有处理都在您的浏览器本地完成，您的图片绝不会上传到服务器。