【色彩管理】HSB色彩模式详解

缺乏、安全感 2023-01-18 09:19 11阅读 0赞

## 00. 目录 ##

### 文章目录 ###

*   *  00. 目录
     *  01. 概述
     *  02. HSB色彩模式
     *  03. 色相
     *  04. 饱和度
     *  05. 亮度
     *  06. 三者之间的区别

## 01. 概述 ##

**色彩模式（颜色模式）**：用数字表示颜色的一种算法，是用来显示和打印图像的颜色模型。

**常用的色彩模式有**：**HSB、RGB、CMYK、LAB、灰度、位图、双色调、索引颜色和多通道**等，每个颜色模式都有其特殊的用途，最常用的是**RGB**模式、**CMYK**模式以及**HSB**模式。

**HSB**(Hue, Saturation, Brightness)模型的基础是对立色理论，对立色理论源于人们对对立色调(红和绿、黄和蓝)的观察事实(对立色调的颜色叠加，它们会相互抵消)。HSB模型是普及型设计软件中常见的色彩模式，其中H代表色相；S代表饱和度；B代表亮度。HSB模型的如下图所示：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RlbmdqaW4yMDEwNDA0MjA1Ng_size_16_color_FFFFFF_t_70]  
**色调** H(Hue)：在0~360°的标准色环上，按照角度值标识。比如红是0°、橙色是30°等。

**饱和度** S( Saturation )：是指颜色的强度或纯度。饱和度表示色相中彩色成分所占的比例，用从0%(灰色)~100%(完全饱和)的百分比来度量。在色立面上饱和度是从左向右逐渐增加的，左边线为0%，右边线为100%。

**亮度** B( Brightness )：是颜色的明暗程度，通常是从0(黑)~100%(白)的百分比来度量的，在色立面中从上至下逐渐递减，上边线为100%，下边线为0% 。

## 02. HSB色彩模式 ##

**HSB**：**H**(hue)表示**色相**；**S**(saturation)表示**饱和度**；**B**(brightness）表示亮度。**HSB**是色相、饱和度、亮度的相应英文首字母缩写。

平常表述颜色时，一般用的就是**HSB**模式，因为人眼看到的就是色相、饱和度、亮度。

## 03. 色相 ##

**色相（H）**：色彩可以呈现出来的相貌。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RlbmdqaW4yMDEwNDA0MjA1Ng_size_16_color_FFFFFF_t_70 1]

（1）通俗的讲就是色彩的相貌或者图像的颜色，比如红、蓝、绿、黄等等。

（2）色相不是通过百分比，而是以0－360度的角度来表示，它类似一个颜色环，颜色沿着环进行规律性的变化，因此也有12色相环、24色相环等。

（3）黑白灰没有色相。

## 04. 饱和度 ##

饱和度：表示图像颜色的浓度、鲜艳程度。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RlbmdqaW4yMDEwNDA0MjA1Ng_size_16_color_FFFFFF_t_70 2]

（1）通俗的讲就是颜色的深浅，如红色可以分为深红、洋红、浅红等。

（2）饱和度高色彩较艳丽，饱和度低色彩就接近灰色。

（3）白、黑和其他灰色色彩都没有饱和度。

## 05. 亮度 ##

亮度：指各种颜色的明暗度。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RlbmdqaW4yMDEwNDA0MjA1Ng_size_16_color_FFFFFF_t_70 3]

（1）通俗的讲就是表示颜色的强度。

（2）明度高色彩明亮，明度低色彩暗淡，明度最高得到纯白，最低得到纯黑。

## 06. 三者之间的区别 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RlbmdqaW4yMDEwNDA0MjA1Ng_size_16_color_FFFFFF_t_70 4]

**使用方法** ：选取颜色时，先确定色相，再确定饱和度和亮度。

**作用对象（媒介）**：人眼（眼睛视觉细胞）。

**HSB应用举例**：PS拾色器。

**三者的等级表示**：色相以度为划分，饱和度和明度以百分比划分。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RlbmdqaW4yMDEwNDA0MjA1Ng_size_16_color_FFFFFF_t_70]: /images/20221021/a01a1761947d49fca9c6776dd50b7805.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RlbmdqaW4yMDEwNDA0MjA1Ng_size_16_color_FFFFFF_t_70 1]: /images/20221021/5fbb3be356a0427eb6571c74b7edf11c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RlbmdqaW4yMDEwNDA0MjA1Ng_size_16_color_FFFFFF_t_70 2]: /images/20221021/85a96899d6d54c8281b51cf306ff19d0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RlbmdqaW4yMDEwNDA0MjA1Ng_size_16_color_FFFFFF_t_70 3]: /images/20221021/292f28f0e3e54a4a916d4f4cde93eb52.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RlbmdqaW4yMDEwNDA0MjA1Ng_size_16_color_FFFFFF_t_70 4]: /images/20221021/934ee5beb2194fc8849b98cf4be76737.png