ZH
我的工具

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),在图像处理代码里做颜色阈值分割时很方便。

使用方法

  1. 选择 RGB/HEX → HSV、CMYK → HSV 或 HSV → RGB/HEX。
  2. 输入颜色:HEX 代码或 rgb()、四个 CMYK 百分比,或色相、饱和度和明度。
  3. 查看 HSV 数值、OpenCV 缩放值或 HEX/RGB 结果。
  4. 通过色块查看这个颜色位于饱和度/明度方形中的哪个位置。

计算公式

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% 永远是白色。所以饱和度在两种模型中含义不同。

资料来源

最后更新:

引用此工具
APA

kakaoCalc. (2026, November 8). RGB 转 HSV(HSB)转换器. https://kakao.mobile/zh/tools/rgb-to-hsv-tool/

MLA

“RGB 转 HSV(HSB)转换器.” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/rgb-to-hsv-tool/.

广告