PhotoRetrica

HSL 转 HSV

把色相、饱和度和亮度转换为图形软件使用的色相、饱和度和明度(HSB)。

文件始终保留在您的设备上完全免费
#FF3D77

hsl 输入

结果 · HSV

hsv(342, 76%, 100%)

HEX

#FF3D77

RGB

rgb(255, 61, 119)

HSL

hsl(342, 100%, 62%)

CMYK

cmyk(0%, 76%, 53%, 0%)

使用方法: HSL 转 HSV

  1. 1

    输入颜色

    输入颜色代码或使用取色器选择颜色,每个字段都接受其所显示的格式。

  2. 2

    查看转换结果

    结果会在您输入时即时更新,同时显示颜色的实时预览。

  3. 3

    复制代码

    一键复制所需的数值,并粘贴到您的设计、CSS 或印刷设置中。

HSL 与 HSV 对比

HSL 和 HSV 都以色相(色轮上的角度)开头,也都用两个百分比来描述颜色的其余部分——但这些百分比的含义不同。在 HSL 中,亮度 50% 是纯色,100% 永远是白色。在 HSV(也称 HSB)中,明度 100% 是该色相最亮的版本,而白色是明度 100%、饱和度 0%。饱和度的计算方式也不同,所以这些数字不能直接照搬。

因此,在 CSS 中写作 hsl(120, 100%, 25%) 的颜色——即 CSS 颜色 Green——在 HSV 取色器中需要输入 hsv(120, 100%, 50%)。当您要把颜色从网页代码转移到 Photoshop、Figma、Blender 或使用 HSV 的图像处理代码中时,就可以使用这个转换器。色相保持不变,只有饱和度和第三个值会变化。

所有处理都在您的浏览器本地完成,您的图片绝不会上传到服务器。