Ps:通过 RGB 值计算 HSB 值

在 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%

"点赞有美意,赞赏是鼓励"