HSL 转 HSV 转换器 – 在线实时私密颜色转换
这款 HSL 转 HSV 转换器可将 HSL 颜色转换为 HSV,并随您在任一侧编辑即时更新结果。它还接受常见的颜色输入,如 #abc、rgb(1 2 3 / 50%) 和颜色名称。查看色板、复制可直接粘贴的 CSS 行,并在颜色超出 sRGB 时查看色域外警告。
HSL 转 HSV 转换器可帮助您直接在浏览器中在 HSL 与 HSV 之间转换颜色值。输入 HSL 颜色即可看到其 HSV 等价值,或编辑任一侧并观察另一侧实时更新。色板让结果易于检查,还可复制可直接粘贴的 CSS 行。
转换器接受 HSL,也能解析常见的颜色输入,如 #abc、rgb(1 2 3 / 50%) 和颜色名称。当您编辑某个值时,另一侧的对应值会即时更新。当颜色超出 sRGB 时,工具会显示色域外警告;它不提供可配置的转换选项。
HSL 和 HSV 都是用色相和饱和度来表示颜色的两种方式,其中 HSL 包含明度,HSV 包含明度值。当某个系统、工作流或参考资料使用其中一种模型,而您的颜色值是另一种模型时,就需要进行转换。实时编辑和色板可以帮助您在准备复用某个值时检查颜色。
转换完全在浏览器中运行:您的输入在设备上处理,不会上传、存储或发送到服务器。无需注册,页面加载后工具可离线使用,无需服务器支持。适用于需要在代码中使用颜色值、核对给定值,或为同事准备清晰颜色参考的开发者和 DevOps 工程师。
步骤 1:输入或粘贴 HSL 颜色,也可使用其他支持的颜色输入,如 #abc、rgb(1 2 3 / 50%) 或颜色名称。
步骤 2:查看 HSV 结果,它会随着您输入实时更新。您也可以直接编辑 HSV 一侧,HSL 值会同步更新。
步骤 3:查看色板,若颜色超出 sRGB,请留意色域外警告。
步骤 4:复制结果或可直接粘贴的 CSS 行,用于代码、文档或笔记。
使用场景:将 HSL 颜色数据迁移到只接受 HSV 的系统中,然后将转换后的值复制到工作流中。
使用场景:通过输入两个值并比较实时结果,检查 HSV 值是否与原始 HSL 匹配。
使用场景:为文档、工单或提交信息准备颜色细节,并用色板辅助识别颜色。
使用场景:在将结果加入代码前,用色板和色域外警告作为视觉检查,快速验证颜色转换。
使用场景:处理以不同常见格式复制的颜色值,包括短十六进制、带透明度的 RGB 和颜色名称。
使用场景:通过编辑任一侧并观察另一侧更新,探索 HSL 颜色变化如何影响其 HSV 等价值。