RGB 转 HSB
从 RGB 颜色中获取色相、饱和度和亮度值，填入 Photoshop、Figma 或 Sketch。
文件始终保留在您的设备上完全免费
#FF3D72
rgb 输入
结果 · HSB
hsb(344, 76%, 100%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
使用方法: RGB 转 HSB
- 1
输入颜色
输入颜色代码或使用取色器选择颜色，每个字段都接受其所显示的格式。
- 2
查看转换结果
结果会在您输入时即时更新，同时显示颜色的实时预览。
- 3
复制代码
一键复制所需的数值，并粘贴到您的设计、CSS 或印刷设置中。
HSB 是什么意思
HSB 代表色相（Hue）、饱和度（Saturation）和亮度（Brightness）。它与 HSV 是同一种模型——只是第三个分量的名称不同——Adobe Photoshop、Illustrator、Figma 和 Sketch 的取色器使用的正是这个名称。色相以 0 到 360 度表示，饱和度和亮度以百分比表示。
当您从截图、网站或设计规范中得到通道值，想把颜色输入到使用 HSB 的设计软件中时，或者想更好地理解一种颜色时，就可以把 RGB 转换为 HSB：饱和度低表示偏灰的色调，亮度低表示偏暗的色调。例如，rgb(255, 61, 114) 会变成 hsb(344, 76%, 100%)。工具还会显示同一颜色的 HEX、HSL、HSV 和 CMYK 值，每个都带有复制按钮。
所有处理都在您的浏览器本地完成，您的图片绝不会上传到服务器。