PS中的HSB色彩模型：原理与应用详解

PS中的HSB色彩模型：原理与应用详解

引用

CSDN

1.

https://blog.csdn.net/qq_41176800/article/details/136700292

HSB（HSV）色彩模型是图像处理和设计领域中常用的一种颜色表示方式，它基于人类对颜色的感知特征，将颜色分解为色相、饱和度和明度三个维度。这种模型不仅直观易懂，而且在实际应用中非常实用，特别是在图像编辑软件如Photoshop中，HSB模型被广泛用于颜色的选择和调整。本文将详细介绍HSB模型的基本原理及其在Photoshop中的具体应用。

HSB模型概述

HSB（HSV）模型是一种基于人类视觉感知的颜色表示方式，它将颜色分解为三个基本属性：

• 色相（Hue）：表示颜色的种类，如红色、黄色或蓝色等，范围从0°到360°。
• 饱和度（Saturation）：表示颜色的纯度或强度，范围从0%（无彩色）到100%（全饱和色）。
• 明度（Brightness/Value）：表示颜色的明暗程度，范围从0%（完全黑色）到100%（最亮的纯色）。

这三个属性也常被称为“色彩三要素”，它们共同决定了颜色的外观和感觉。

色相（Hue）

色相是颜色的基本特征，代表了颜色的种类，如红色、黄色或蓝色等。在HSB模型中，色相表示为一个位于0°到360°的圆环上的角度，每个角度对应一种纯色。例如，0°（或360°）代表红色，120°代表绿色，240°代表蓝色，其他角度则表示这些原色之间的过渡色。

任何一个色相均可成为主色，与其它色相组成互补色关系（180˚）、对比色关系（120˚）、中度色关系（90˚）、类似色关系（60˚）、邻近色关系（45˚）或同类色关系（15˚）。也可使用色相条来表示色相，如下图所示。

饱和度（Saturation）

饱和度描述了颜色的纯度或强度，范围从0%（无彩色）到100%（全饱和色，最纯的颜色）。高饱和度的颜色看起来更鲜艳、生动，而低饱和度的颜色则显得更柔和、平淡。可以将黑色、白色、灰色理解为饱和度为0%时的色彩，也称“无彩色”。

明度（Brightness/Value）

明度表示颜色的明暗程度，范围从0%（完全的黑色）到100%（最亮的纯色）。在加色颜色模式下（比如，RGB颜色模式），明度反映了颜色中的光量。明度值越高，意味着原色发光量越大，明度值越低，则意味原色发光量越少。

Photoshop中的HSB应用

在Photoshop中，HSB仅作为表达颜色的一种方式而存在，并不是一种颜色模式。但是，HSB模型在Photoshop中有着广泛的应用：

• “色相/饱和度”命令就是基于色彩三要素进行调色的常用命令。
• 还有一个与HSB相关的滤镜：HSB/HSL滤镜，用于实现RGB、HSB及HSL三种模型的相互转换。
• Photoshop的“拾色器”对话框、“颜色”面板以及“信息”面板上可以基于HSB设置或显示颜色值。

下图展示了色相、饱和度和明度在“拾色器”中的表示方式。

HSB与RGB的关系

通过分析H、S、B三个值与R、G、B三个值的关系，可以更好地理解这两种颜色表达方式之间的关系：

• HSB中的色相H
  H={x|0,120,240} ±（median(R,G,B) - min(R,G,B)）÷ (max(R,G,B) - min(R,G,B)) × 60
  从以上公式可以看出，色相H与R、G、B三个值都有关系。

• HSB中的饱和度S
  S=(max(R,G,B) - min(R,G,B)) ÷ max(R,G,B) × 100%
  从以上公式可以看出，饱和度S与R、G、B值中的最大值和最小值有关。

• HSB中的明度B
  B=max(R,G,B) ÷ 255 × 100%
  从以上公式可以看出，明度B只与R、G、B值中最大的值有关。