[具身智能-447]:HSV颜色系统
HSV 颜色系统是一种基于人类直观感知的颜色模型,它将颜色分解为三个更易于理解的维度:色相(Hue)、饱和度(Saturation)和明度(Value)。
与计算机常用的 RGB(红绿蓝)模型不同,HSV 的设计初衷是为了更贴近人类描述和理解颜色的方式。它由美国计算机图形学家 Alvy Ray Smith 于 1978 年提出。
🎨 HSV 的三个核心维度
色相 (Hue)
- 这是我们通常所说的“颜色”本身,例如红色、绿色或蓝色。
- 它在色相环上以角度(0° 到 360°)来表示。红色对应 0°,绿色为 120°,蓝色为 240°。
饱和度 (Saturation)
- 它表示颜色的纯度或鲜艳程度。
- 取值范围通常为 0% 到 100%。饱和度为 0% 时,颜色会退化为灰色;饱和度为 100% 时,颜色最为纯粹和鲜艳。
明度 (Value)
- 它描述颜色的明亮程度。
- 取值范围也是 0% 到 100%。明度为 0% 时,无论色相和饱和度是多少,颜色都是纯黑色;明度为 100% 时,颜色达到其最亮的状态。
🧊 几何模型:六角锥体
HSV 模型通常被形象地描述为一个六角锥体(Hexcone):
- 中心轴:代表明度(Value),从底部的黑色(V=0)到顶部的白色(V=100%)。
- 水平半径:代表饱和度(Saturation),从中心轴的灰色(S=0)到锥体边缘的纯色(S=100%)。
- 环绕角度:代表色相(Hue),围绕中心轴变化,形成一个色相环。
🔄 与 HSB 和 HSL 的关系
- HSB:HSV 和 HSB(Hue, Saturation, Brightness)是完全相同的颜色模型,只是名称不同。HSB 中的 "B" (Brightness) 与 HSV 中的 "V" (Value) 含义一致。
- HSL:HSL(Hue, Saturation, Lightness)是另一个相似但不同的模型。它的主要区别在于对“亮度”的定义。在 HSL 中,最纯的颜色位于亮度为 50% 的位置,而黑色和白色分别位于 0% 和 100%。
💡 主要应用
由于其直观性,HSV 模型被广泛应用于各种领域:
- 设计软件:Photoshop、Krita 等图像编辑软件中的颜色选择器通常都提供 HSV/HSB 模式,方便设计师通过调整色相、饱和度和明度来精确选取颜色。
- 计算机视觉:在图像处理和识别任务中,HSV 空间常被用来进行颜色分割和对象追踪,因为它能将颜色信息(色相)与光照信息(明度)较好地分离开。
- 网页开发:虽然 CSS 主要使用 HSL,但其原理与 HSV 相通,都是为了让开发者更直观地控制网页颜色。
