思缘论坛
-
2023年2月26日发(作者：商铺租赁合同)从RGB与HSB的转换关系说说色阶调整对色相饱和度的影响
第一部分————RGB与HSB的数值转换关系：
出自设计中国slowfool
1．转换公式：
声明：下列三个公式乃本人通过拾色器数据研习所得，并未参考其它资料，不当之处，望各位指正。
HSB亮度(B)=RGB最大颜色分量值/255*100%.
HSB饱和度(S)=RGB(最大颜色分量值-最小颜色分量值)/最大颜色分量值*100%.
HSB色相(H)=RGB最大颜色分量相位值+或-(中间颜色分量值-最小颜色分量值)/(最大颜色分量值-最小颜色
分量值)*60度.
2．公式说明：
(1).最大颜色分量值：如RGB(238，100，62)中的238.
(2).最小颜色分量值：如RGB(238，100，62)中的62.
(3).中间颜色分量值：如RGB(238，100，62)中的100.
(4).最大颜色分量相位值：RGB三基色中，纯红R色相为0度，纯绿G色相为120度，纯蓝B色相为240度。
如RGB(238，100，62)的最大颜色分量相位值则为0度，RGB(62，100，238)的最大颜色分量相位值则为240
度，RGB(62，238，100)的最大颜色分量相位值则为120度。
(5).+或-：RGB值中，若中间颜色分量在最大颜色分量相位的逆时针方向，则应相加；中间颜色分量在最大
颜色分量相位的顺时针方向，则应相减。例如：RGB(62，238，100)，最大颜色分量为G，中间颜色分量为B，
B在G的逆时针方向，中间颜色分量B对最大颜色分量G有逆时针方向牵拉色相使度数加大的作用，故应相
加。再如：RGB(100，238，62)，最大颜色分量为G，中间颜色分量为R，R在G的顺时针方向，中间颜色分
量R对最大颜色分量G有顺时针方向牵拉色相使度数减小的作用，故应相减。
(6).60度：任何一个中间颜色分量对最大颜色分量的色相牵拉作用，在共同减掉最小颜色分量的影响后，其
最大牵拉度数为60度（即120度相位差的一半，也就是中间颜色分量增大到与最大颜色分量相等时）。
3．公式验证：
转换公式的正确与否，可用拾色器来验证。
例如：RGB(238，100，62)的色相为：0度+60度*(100-62)/(238-62)=13度
饱和度为：(238-62）/238=74%；亮度为：238/255=93%
RGB(100，238，62)的色相为：120度-60度*(100-62)/(238-62)=107度
饱和度为：(238-62）/238=74%；亮度为：238/255=93%
RGB(62，100，238)的色相为：240度-60度*(100-62)/(238-62)=227度
饱和度为：(238-62）/238=74%；亮度为：238/255=93%
RGB(62，238，100)的色相为：120度+60度*(100-62)/(238-62)=133度
饱和度为：(238-62）/238=74%；亮度为：238/255=93%
RGB(238，62，100)的色相为：0度-60度*(100-62)/(238-62)=-13度=347度
饱和度为：(238-62）/238=74%；亮度为：238/255=93%
加入论坛VIP，下尽您想要的素材，点击进入！
如果您在做图或者看教程（PHOTOSHOP方面），遇到任何问题请到问题交流区提
问，地址：/；我们会在第一时间帮助
您解决问题，如果在教程后面跟帖，一律不给予解决！~
思缘素材搜索系统正式公测：/
TOP
找网店装
修模板上
鱼摆摆网
韩国花纹
图
库,1000
多G花纹
素材
沙发大中小发表于2009-3-1215:29只看该作者
RGB(100，62，238)的色相为：240度+60度*(100-62)/(238-62)=253度
饱和度为：(238-62）/238=74%；亮度为：238/255=93%
4．公式总结：
HSB亮度(B)=RGB最大颜色分量值/255*100%.
HSB饱和度(S)=(最大颜色分量值-最小颜色分量值)/最大颜色分量值*100%.
HSB色相(H)=RGB最大颜色分量相位值+或-(中间颜色分量值-最小颜色分量值)/(最大颜色分量
值-最小颜色分量值)*60度.
新建一RGB文件，用某种指定颜色RGB(A，B，C)进行填充。对其色阶直方图进行几何分析，
我们用线段OA来表示最小颜色分量值的大小，用线段OB来表示中间颜色分量值的大小，用线
段OC来表示最大颜色分量值的大小。由转换公式可得出此填充颜色的HSB值：
其亮度(B)取决于线段OC/OZ比值(OZ=255)；也就是说，其HSB亮度取决于最大颜色分量值C
在线段OZ中的位置，与中间颜色分量值B和最小颜色分量值A无关。
其饱和度(S)取决于线段(OC-OA)/OC=AC/OC比值；也就是说，其饱和度取决于最小颜色分量值
A在线段OC中的位置，与中间颜色分量值B无关。
其色相(H)取决于线段(OB-OA)/(OC-OA)=AB/AC比值。也就是说，其色相取决于中间颜色分量值
B在线段AC中的位置，与三个分量值都有关。
加入论坛VIP，下尽您想要的素材，点击进入！
如果您在做图或者看教程（PHOTOSHOP方面），遇到任何问题请到问题
交流区提问，地址：/；我
们会在第一时间帮助您解决问题，如果在教程后面跟帖，一律不给予解
决！~
思缘素材搜索系统正式公测：/
TOP
如何快速获取缘分币和加入VIP字体设计,标志设计服务-字体中国
藤椅大中小发表于2009-3-1215:31只看该作者
第二部分————RGB色阶（或曲线、或亮度/对比度）调整所导致的HSB的变化规律：
1．假定原像素颜色值为RGB(A，B，C)。用色阶调整命令调整RGB通道，将输入色阶的白色滑
块由Z拖至X，其调整后的RGB值则为图中对应的(D,E,F)。
2．其对应关系由输入和输出的映射关系而得来：O映射到O，X映射到Z，两线相交得到映射
基点J。由此点分别做直线穿越A,B,C，则A,B,C分别映射到D,E,F.
3．调整前HSB亮度(B)：OC/OZ.
调整后HSB亮度(B)：OF/OZ.
比较：OC/OZ 4．调整前饱和度(S)：AC/OC. 调整后饱和度(S)：DF/OF=AC/OC。（由相似三角形求得，此处就不证明了，以下雷同）。 比较：调整后饱和度不变。 5．调整前色相(H)：AB/AC. 调整后色相(H)：DE/DF=AB/AC. 比较：调整后色相不变。 将输入色阶的白色滑块由Z拖至X，X映射到输出色阶的Z，C由于端点阻塞也映射到输出色 阶的Z。 1．调整前HSB亮度(B)：OC/OZ. 调整后HSB亮度(B)：OZ/OZ.（F由于端点阻塞而映射到Z）。 比较：OC/OZ 2．调整前饱和度(S)：AC/OC. 调整后饱和度(S)：DZ/OZ=AX/OX=(AC-XC)/(OC-XC)。（F由于端点阻塞而映射到Z）。 比较：AC/OC>(AC-XC)/(OC-XC)，调整后饱和度降低。 3．调整前色相(H)：AB/AC. 调整后色相(H)：DE/DZ=AB/AX=AB/(AC-XC)。（F由于端点阻塞而映射到Z）。 比较：AB/AC 颜色分量相位。 将输入色阶的黑色滑块由O拖至X，X映射到输出色阶的O。 1．调整前HSB亮度(B)：OC/OZ. 调整后HSB亮度(B)：OF/OZ. 比较：OC/OZ>OF/OZ，调整后亮度降低。 2．调整前饱和度(S)：AC/OC. 调整后饱和度(S)：DF/OF=AC/XC=AC/(OC-OX) 比较：AC/OC 用“色阶”或“曲线”命令作此种调整，使亮度减低后颜色会变艳丽。 3．调整前色相(H)：AB/AC. 调整后色相(H)：DE/DF=AB/AC. 比较：调整后色相不变。 将输入色阶的黑色滑块由O拖至X，X映射到输出色阶的O，A由于端点阻塞也映射到输出色 阶的O。 1．调整前HSB亮度(B)：OC/OZ. 调整后HSB亮度(B)：OF/OZ. 比较：OC/OZ>OF/OZ，调整后亮度降低。 2．调整前饱和度(S)：AC/OC. 调整后饱和度(S)：OF/OF，(A由于端点阻塞而映射到输出色阶的O)。 比较：AC/OC 用“色阶”或“曲线”命令作此种调整，使亮度减低后颜色会变艳丽。 3．调整前色相(H)：AB/AC. 调整后色相(H)：OE/OF=XB/XC=(AB-AX)/(AC-AX),(A由于端点阻塞而映射到输出色阶的O)。 比较：AB/AC>(AB-AX)/(AC-AX),调整后色相聚集。趋向最大颜色分量相位，远离中间颜色分 量相位。 将输出色阶的白色滑块由Z拖至X，输入色阶的Z映射到输出色阶的X。 1．调整前HSB亮度(B)：OC/OZ. 调整后HSB亮度(B)：OF/OZ. 比较：OC/OZ>OF/OZ，调整后亮度降低。 2．调整前饱和度(S)：AC/OC. 调整后饱和度(S)：DF/OF=AC/OC。 比较：调整后饱和度不变。 用“色阶”或“曲线”命令作此种调整，使亮度减低后颜色并不会变艳丽。 3．调整前色相(H)：AB/AC. 调整后色相(H)：DE/DF=AB/AC. 比较：调整后色相不变。 加入论坛VIP，下尽您想要的素材，点击进入！ 如果您在做图或者看教程（PHOTOSHOP方面），遇到任何问题请到问 题交流区提问，地址：/； 我们会在第一时间帮助您解决问题，如果在教程后面跟帖，一律不给 予解决！~ 思缘素材搜索系统正式公测：/