在 Photoshop 中,HSB(色相、饱和度和明度)仅作为表达颜色的一种方式而存在,并不是一种颜色模式。
色相/饱和度命令就是基于色彩三要素进行调色的常用命令。
还有一个与 HSB 相关的滤镜:HSB/HSL 滤镜,用于实现 RGB、HSB 及 HSL 三种模型的相互转换。
Photoshop 的"拾色器"对话框、"颜色"面板以及"信息"面板上可以基于 HSB 设置或显示颜色值。
下图展示了色相、饱和度和明度在"拾色器"中的表示方式。
通过分析 H、S、B 三个值与 R、G、B 三个值的关系可更好地理解这两种颜色表达方式之间的关系。
◆ ◆ ◆
计算色相 H
通过 R、G、B 值计算色相 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 三个值都有关系。
公式解释:
1、{x|0,120,240}
这个集合用于确定基本色相。
0 对应红色(R),120 对应绿色(G),240 对应蓝色(B)。
比如,RGB 值为 R = 0, G = 255, B = 128,三者中最大值为绿色(G),故此处的值为 120。
2、max(R,G,B)
取 R、G、B 三个值中的最大值。
例如,如果 R = 100, G = 150, B = 200,那么 max(R, G, B) = 200。
3、median(R,G,B)
取 R、G、B 三个值中居中的那个值。
例如,如果 R = 100, G = 150, B = 200,那么 median(R, G, B) = 150。
4、min(R,G,B)
取 R、G、B 三个值中的最小值。
例如,如果 R = 100, G = 150, B = 200,那么 min(R, G, B) = 100。
5、60
将除式的结果乘以 60,可以将结果标准化到色相值的范围内(0 到 360 度)。
示例 1:
假设 RGB 值为 R = 255, G = 0, B = 0(纯红色):
max(R,G,B) = R = 255
min(R,G,B) = G = 0
median(R,G,B) = B = 0
套用公式:
H = 0 +(0 - 0)÷ (255 - 0) × 60 = 0
示例 2:
假设 RGB 值为 R = 5, G = 255, B = 250:
max(R,G,B) = G = 255
min(R,G,B) = R = 5
median(R,G,B) = B = 250
套用公式:
H = 120 +(250 - 5)÷ (255 - 5) × 60 ≈ 179
示例 3:
假设 RGB 值为 R = 150, G = 50, B = 250:
max(R,G,B) = B = 250
min(R,G,B) = G = 50
median(R,G,B) = R = 150
套用公式:
H = 240 +(150 - 50)÷ (250 - 50) × 60 = 270
◆ ◆ ◆
计算饱和度 S
通过 R、G、B 值计算饱和度 S 值的公式:
S = (max(R,G,B) - min(R,G,B)) ÷ max(R,G,B) × 100%
从以上公式可以看出,饱和度 S 与 R、G、B 值中的最大值和最小值有关。最大值与最小值相差越大,饱和度越高。相差越小,则饱和度越低。
示例 1:
假设 RGB 值为 R = 255, G = 0, B = 0(纯红色):
max(R,G,B) = R = 255
min(R,G,B) = G = 0
套用公式:
S = (255 - 0) ÷ 255 × 100% = 100%
示例 2:
假设 RGB 值为 R = 5, G = 255, B = 250:
max(R,G,B) = G = 255
min(R,G,B) = R = 5
套用公式:
S = (255 - 5) ÷ 255 × 100% = 98%
示例 3:
假设 RGB 值为 R = 250, G = 251, B = 220:
max(R,G,B) = G = 251
min(R,G,B) = B = 220
套用公式:
S = (251 - 220) ÷ 255 × 100% = 12%
◆ ◆ ◆
计算明度 B
通过 R、G、B 值计算明度 B 值的公式:
B = max(R,G,B) ÷ 255 × 100%
从以上公式可以看出,明度 B 只与 R、G、B 值中最大的值有关。最大值越大,明度越高。
示例 1:
假设 RGB 值为 R = 255, G = 0, B = 0(纯红色):
max(R,G,B) = R = 255
套用公式:
B = 255 ÷ 255 × 100% = 100%
示例 2:
假设 RGB 值为 R = 53, G = 75, B = 26:
max(R,G,B) = G = 75
套用公式:
B = 75 ÷ 255 × 100% = 29%
示例 3:
假设 RGB 值为 R = 250, G = 251, B = 220:
max(R,G,B) = G = 251
套用公式:
B = 251 ÷ 255 × 100% = 98%
"点赞有美意,赞赏是鼓励"