RGB 转 HSV(HSB)转换器
把 RGB、HEX 或 CMYK 转换为 HSV/HSB(色相、饱和度、明度),也可把 HSV 转回 RGB 和 HEX,并给出图像处理常用的 OpenCV 0–179 / 0–255 缩放值。
为 CSS 转换颜色? HEX 转 HSL 转换器 →
HSV 也叫 HSB(色相、饱和度、亮度),是 Photoshop、Figma、Procreate 等大多数取色器背后的模型:先在色轮上选色相,再在方形区域内移动——越靠右饱和度越高,越靠上越亮。这个转换器可以在 RGB、HEX、CMYK 与 HSV 之间互相转换,并给出 OpenCV 使用的 8 位数值(色相 0–179,饱和度和明度 0–255),在图像处理代码里做颜色阈值分割时很方便。
使用方法
- 选择 RGB/HEX → HSV、CMYK → HSV 或 HSV → RGB/HEX。
- 输入颜色:HEX 代码或 rgb()、四个 CMYK 百分比,或色相、饱和度和明度。
- 查看 HSV 数值、OpenCV 缩放值或 HEX/RGB 结果。
- 通过色块查看这个颜色位于饱和度/明度方形中的哪个位置。
计算公式
V = max(R′, G′, B′) · S = (max − min) ÷ max · H = 60° × 分段公式(与 HSL 相同)
R′、G′、B′ 是各通道 ÷ 255。从 HSV 转回时,令 i = ⌊H ÷ 60⌋,f 为小数部分,则 p = V(1 − S),q = V(1 − S·f),t = V(1 − S(1 − f));每个区间按不同顺序取 V、t、p、q。OpenCV 把色相减半以便存进一个字节,并用定点整数计算,本页精确复现了这一点。
示例
#FF6347 的最大值为 1、最小值为 0.2784,所以 V = 100%,S = (1 − 0.2784) ÷ 1 = 72.2%,H = 9.1°,即 hsv(9.1, 72.2%, 100%)。在 OpenCV 中是 H 5、S 184、V 255。反过来,HSV(210°, 66.7%, 60%) 得到 V = 153,p = 51,q = 102,所在区间 (p, q, V) = rgb(51, 102, 153) = #336699。
常见问题
HSB 和 HSV 是一回事吗?
是的,同一个模型的两个名字。Adobe 和 Apple 称 HSB(亮度),大多数编程库称 HSV(明度)。
为什么 OpenCV 中色相是 0–179?
8 位通道只能存 0–255,所以 OpenCV 存储的是色相除以 2(0–179)。饱和度和明度从 0–1 缩放到 0–255。在 cv2.inRange() 中设置阈值时,别忘了把色相角度减半。
HSV 和 HSL 有什么不同?
在 HSV 中,明度 100% 且饱和度 100% 是纯色;在 HSL 中,纯色位于亮度 50%,而亮度 100% 永远是白色。所以饱和度在两种模型中含义不同。
资料来源
最后更新:
包含这些输入的页面地址: https://kakao.mobile/zh/tools/rgb-to-hsv-tool/
引用此工具
kakaoCalc. (2026, November 8). RGB 转 HSV(HSB)转换器. https://kakao.mobile/zh/tools/rgb-to-hsv-tool/
“RGB 转 HSV(HSB)转换器.” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/rgb-to-hsv-tool/.