掌握 HSV 颜色模型

介绍

虽然 RGB 非常适合屏幕显示，但它并不总是人类思考颜色的最直观方式。如果你想要“浅一点的蓝色”或“更鲜艳的红色”，调整 RGB 值可能会很棘手。这就是 HSV 颜色模型 的用武之地。

什么是 HSV？

HSV 代表 Hue（色相）、Saturation（饱和度） 和 Value（明度）（有时也称为亮度或 HSB）。它的设计目的是更紧密地符合人类感知颜色的方式。

HSV 不像混合三种色光那样，而是使用圆柱坐标来描述颜色：

• 色相 (Hue)：颜色本身（红、蓝、绿等）。
• 饱和度 (Saturation)：颜色的强度或纯度。
• 明度 (Value)：颜色的亮度。

组成部分

色相 (H)

色相以度数测量，从 0° 到 360°，围绕色轮分布。

• 0°: 红色
• 120°: 绿色
• 240°: 蓝色

改变色相会改变基本的颜色“类别”，而不影响亮度或强度。

饱和度 (S)

饱和度是一个从 0% 到 100% 的百分比。

• 0%: 灰度（没有颜色，只有黑/白/灰）。
• 100%: 理论上最强烈的颜色。

较低的饱和度会使颜色看起来“褪色”或发灰。

明度 (V)

明度也是一个从 0% 到 100% 的百分比。

• 0%: 黑色（完全黑暗）。
• 100%: 该颜色最亮的形式。

HSV vs. RGB

例如，要在 HSV 中使颜色变暗，只需降低 明度。在 RGB 中，你必须按比例降低红、绿和蓝，这涉及一些数学计算。

亲自尝试

使用下面的交互式选择器查看色相、饱和度和明度如何影响最终颜色。注意，仅更改一个滑块通常会产生可预测的效果，而这通常很难通过 RGB 滑块实现。

结论

HSV 模型是设计师和艺术家的强大工具。通过将颜色信息分离为色相、饱和度和亮度，它使颜色操作更加直观。下次选择配色方案时，试着用 HSV 思考！