从RGB与HSB的转换关系.doc

从RGB与HSB的转换关系说说色阶调整对色相饱和度的影响第一部分RGB与HSB的数值转换关系：出自设计中国slowfool1转换公式：声明：下列三个公式乃本人通过拾色器数据研习所得，并未参考其它资料，不当之处，望各位指正。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度相位差的一半，也就是中间颜色分量增大到与最大颜色分量相等时）。01.jpg (14.38 KB)2009-3-12 15:283公式验证：转换公式的正确与否，可用拾色器来验证。例如：RGB(238，100，62)的色相为：0度+60度*(100-62)/(238-62)=13度饱和度为：(238-62）/238=74%；亮度为：238/255=93%02.jpg (69.71 KB)2009-3-12 15:28RGB(100，238，62)的色相为：120度-60度*(100-62)/(238-62)=107度饱和度为：(238-62）/238=74%；亮度为：238/255=93%03.jpg (43.74 KB)2009-3-12 15:28RGB(62，100，238)的色相为：240度-60度*(100-62)/(238-62)=227度饱和度为：(238-62）/238=74%；亮度为：238/255=93%04.jpg (41.92 KB)2009-3-12 15:28RGB(62，238，100)的色相为：120度+60度*(100-62)/(238-62)=133度饱和度为：(238-62）/238=74%；亮度为：238/255=93%05.jpg (45.2 KB)2009-3-12 15:28RGB(238，62，100)的色相为：0度-60度*(100-62)/(238-62)= -13度=347度饱和度为：(238-62）/238=74%；亮度为：238/255=93%06.jpg (45.45 KB)2009-3-12 15:28-加入论坛VIP，下尽您想要的素材，点击进入！如果您在做图或者看教程（PHOTOSHOP方面），遇到任何问题请到问题交流区提问，地址：/forum-41-1.html；我们会在第一时间帮助您解决问题，如果在教程后面跟帖，一律不给予解决！思缘素材搜索系统正式公测：/ UID1精华196积分116422威望1219 F回复币27769 B警告0 次贡献1905476 成就0 Z学分0 点性别男来自上海最后登录2010-12-18查看个人网站查看详细资料TOP 找网店装修模板上鱼摆摆网 韩国花纹图库,1000多G花纹素材沙发 大 中 小 发表于 2009-3-12 15:29 只看该作者 -RGB(100，62，238)的色相为：240度+60度*(100-62)/(238-62)=253度饱和度为：(238-62）/238=74%；亮度为：238/255=93%07.jpg (47.49 KB)2009-3-12 15:294公式总结：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中的位置，与三个分量值都有关。08.jpg (11.99 KB)2009-3-12 15:29加入论坛VIP，下尽您想要的素材，点击进入！如果您在做图或者看教程（PHOTOSHOP方面），遇到任何问题请到问题交流区提问，地址：/forum-41-1.html；我们会在第一时间帮助您解决问题，如果在教程后面跟帖，一律不给予解决！思缘素材搜索系统正式公测：/ UID1精华196积分116422威望1219 F回复币27769 B警告0 次贡献1905476 成就0 Z学分0 点性别男来自上海最后登录2010-12-18查看个人网站查看详细资料TOP 如何快速获取缘分币和加入VIP 字体设计,标志设计服务-字体中国 藤椅 大 中 小 发表于 2009-3-12 15: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 OF/OZ，调整后亮度增加。4调整前饱和度(S)：AC/OC.调整后饱和度(S)：DF/OF=AC/OC。（由相似三角形求得，此处就不证明了，以下雷同）。比较：调整后饱和度不变。5调整前色相(H)：AB/AC.调整后色相(H)：DE/DF=AB/AC.比较：调整后色相不变。09.jpg (17.43 KB)2009-3-12 15:31将输入色阶的白色滑块由Z拖至X，X映射到输出色阶的Z，C由于端点阻塞也映射到输出色阶的Z。1调整前HSB亮度(B )：OC/OZ.调整后HSB亮度(B )：OZ/OZ. （F由于端点阻塞而映射到Z）。比较：OC/OZ (AC-XC)/(OC-XC)，调整后饱和度降低。3调整前色相(H)：AB/AC.调整后色相(H)：DE/DZ=AB/AX=AB/(AC-XC)。（F由于端点阻塞而映射到Z）。比较：AB/ACOF/OZ，调整后亮度降低。2调整前饱和度(S)：AC/OC.调整后饱和度(S)：DF/OF=AC/XC=AC/(OC-OX)比较：AC/OCOF/OZ，调整后亮度降低。2调整前饱和度(S)：AC/OC.调整后饱和度(S)：OF/OF，( A由于端点阻塞而映射到输出色阶的O)。比较：AC/OC(AB-AX)/(AC-AX), 调整后色相聚集。趋向最大颜色分量相位，远离中间颜色分量相位。12.jpg (15.67 KB)2009-3-12 15:31将输出色阶的白色滑块由Z拖至X，输入色阶的Z映射到输出色阶的X。1调整前HSB亮度(B )：OC/OZ.调整后HSB亮度(B )：OF/OZ.比较：OC/OZOF/OZ，调整后亮度降低。2调整前饱和度(S)：AC/OC.调整后饱和度(S)：DF/OF=AC/OC。比较：调整后饱和度不变。用“色阶”或“曲线”命令作此种调整，使亮度减低后颜色并不会变艳丽。3调整前色相(H)：AB/AC.调整后色相(H)：DE/DF=AB/AC.比较：调整后色相不变。1