HEX 到 HSL 转换器
直接在浏览器中使用实时预览色板在 HEX、RGB、HSL 和 CMYK 表示法之间转换任何颜色。
处理中...
0%
解析颜色值
转换色彩空间
渲染预览
完成
结果
此页面打开预选十六进制的颜色转换器 - 粘贴类似 #3b82f6 的代码并运行它以读取与 hsl（色调、饱和度、亮度）相同的颜色。
HSL 通过色调 (0–360°)、饱和度和亮度来描述颜色，这使其成为最人性化的 CSS 表示法：通过降低亮度使按钮变暗或仅通过改变色调来构建调色板 — 编辑的十六进制数字无法可读地表达。
完整的转换器接受 HEX、RGB 或 HSL 输入，并使用本机颜色选择器和实时样本一次返回所有四种符号 - 一切都发生在您的浏览器中，因此颜色值永远不会离开您的设备。