0

RGB 到 HSL 转换器

直接在浏览器中使用实时预览色板在 HEX、RGB、HSL 和 CMYK 表示法之间转换任何颜色。

处理中... 0%
解析颜色值
转换色彩空间
渲染预览
完成

结果

此页面打开颜色转换器,并预先选择 RGB 作为输入格式 - 输入 rgb(59, 130, 246) 或简单地输入 59, 130, 246 并运行它以查看 hsl(色调、饱和度、亮度)的颜色。

将通道值转换为 HSL 将原始数字转化为设计人员可以推理的内容:保持色调并改变悬停和禁用状态的亮度,或者旋转色调以获得强调色 - 现代 CSS 设计系统的构建方式。

该预设是完整工具中的一对,它使用颜色选择器和预览样本在任何方向上在 HEX、RGB、HSL 和 CMYK 之间进行转换 - 完全在浏览器中运行,无需上传。