❶ ps里面,颜色的饱和度是怎么计算出来的
首先你要明白色彩的合成,我们知道任何色光可以由红绿蓝三种色光合成,在ps中用R,G,B表示,它们数值分别为0-255,数值越大表示,亮度越高。例:现在拿一个R,G,B数值举例,R150,G50,B25。首先分析他的颜色,看到最低值B为25,所以R,G,B分别拿出25混合成白光,(白光由R,G,B,1:1:1混合而成)剩下R125,G25,由色相轮或经验可知红光加少量绿光混合橙红色光,所以R150,G50,B25色光的颜色即为橙红光混合一些白光的颜色。
1,色相,即给人直接的颜色感受,因为白光无色相,所以经过上面分解可知,R150,G50,B25的色相即为橙红色。
2,饱和度,由色光其中参杂白光的多少决定,白光占比越高,饱和度越低,颜色就越不鲜艳,给人发白发灰的感觉。占比越低,饱和度越高,颜色就越鲜颜,没有白光,饱和度就达到100%,只有白光,饱和度为0%由上面分解方法可知,当R,G,B其中一个值为0时,即无法合成白光时,饱和度达到100%,在上述例子中,R150,G50,B25,的颜色为橙红光混合一些白光,因此饱和度小于100%,ps中计算方法为(R,G,B中最大值-R,G,B中最小值)/R,G,B中最大值。
3,明度,即色彩亮度,我们知道,R,G,B的比例决定了一个色彩的颜色(即色相,和饱和度)。拿上述R150,G50,B25例子来说,保证它的比例(即色相和饱和度不变情况下),增加/减小亮度的方法就是,R,G,B同时扩大/缩小,在本例中,由于ps中R,G,B最大数值是255,保证比例不变,达到最大的亮度,即把R150,G50,B25分别乘以1.7,得到R255,G85,B42.5。可以发现在R,G,B中,只要有一个数值达到255时,就达到此色彩最大亮度,ps中亮度计算方法为:R,G,B最大值/255·100%。
补充:色相由最大值和次大值分别减去最小值的比例决定,即除去可合成白光的成分后剩下部分的比例,根据该比例可以确定并用角度表示它在色相环的位置。因此色相实际是一个比值,如R127,G127(暗黄色)R255,G255(亮黄色),他们R:G都是1:1,合成都是黄色光,所以色相都是黄色,(60度)但是发光强度,即亮度不同,造成的视觉效果也不同,如同灰色其实也是白光,只是亮度是白色白光的一半,对比之下,才有了灰色。(夜晚在没其他光源对比下,你手机显示灰色图片和调低手机亮度显示白色图片,你区分不出哪个灰哪个白)综上所述,知道亮度,就知道最大值,知道饱和度,又知道最小值,知道色相,就知道最大值和次大值和最小值分别对应RGB 的哪一个,最后根据色相位置对应的比例确定最大值和次大值分别减去最小值的比例,从而解出RGB的大小。这样知道一个HSB 就可以唯一解出对应的RGB,确定出一种色彩。
以下是仅改变其中一项数值的方法:
1,仅改变色相:改变次大值,并使其不大于最大值,不小于最小值,使色相在该原色与其他两原色合成的间色内的60度范围内变化。之后通过交换原色(rgb)所对应的最大值,次大值,最小值,使色相在360度范围内转换。
2,仅改变饱和度:(1)增大饱和度,将r,g,b数值同时减去一个值(减去的值的大小不超过r,g,b中最小的值),然后再将减完后的r,g,b的值同时扩大n倍,使r,g,b中最大的值等于原来r,g,b中最大值。(2)减小饱和度,将r,g,b的值同时缩小n倍,再同时加上一个值,使r,g,b中的最大值等于原来r,g,b中最大值。
3,仅改变明度:r,g,b同时扩大或缩小n倍。
❷ 閲忚兘楗卞拰搴︽寚镙囧叕寮(閲忚兘楗卞拰搴100)
閲忚兘楗卞拰搴︽寚镙囨槸涓绉嶈閲忚兘婧愮郴缁熺殑链夋晥鍒╃敤绋嫔害镄勬寚镙囷纴鍏朵腑閲忚兘楗卞拰搴100鏄鎸囩郴缁熻兘婧愮殑瀹屽叏鍒╃敤銆傛湰鏂囧皢浠庝互涓嬩笁涓鏂归溃鎺㈣ㄩ噺鑳介ケ鍜屽害鎸囨爣锛氩畾涔変笌鑳屾櫙銆佽$畻鍏寮忓强鍏跺簲鐢ㄣ
涓銆佸畾涔変笌鑳屾櫙
閲忚兘楗卞拰搴︽寚镙囨槸琛¢噺鑳芥簮绯荤粺鑳芥簮鍒╃敤绋嫔害镄勪竴绉嶉吨瑕佹寚镙囥傚湪鑳芥簮棰嗗烟锛屾垜浠杩芥眰镄勬槸灏藉彲鑳介珮鏁埚埄鐢ㄨ兘婧愶纴鍑忓皯鑳芥簮娴璐瑰拰鐜澧冩薄镆撱傝岄噺鑳介ケ鍜屽害100姝f槸鑳芥簮绯荤粺瀹屽叏鍒╃敤镄勭悊𨱍崇姸镐併傞氲繃琛¢噺鑳芥簮绯荤粺镄勫疄闄呭埄鐢ㄦ儏鍐碉纴鎴戜滑鍙浠ヨ瘎浼扮郴缁熺殑鑳芥簮鍒╃敤鏁堢巼锛屼负鏀瑰杽鑳芥簮鍒╃敤鎻愪緵鎸囧笺
浜屻佽$畻鍏寮
閲忚兘楗卞拰搴︽寚镙囩殑璁$畻鍏寮忓备笅锛
閲忚兘楗卞拰搴︼纸%锛=瀹为檯鑳芥簮鍒╃敤閲/鐞呜鸿兘婧愬埄鐢ㄩ噺脳100%
鍏朵腑锛屽疄闄呰兘婧愬埄鐢ㄩ噺鏄鎸囩郴缁熷疄闄呮秷钥楃殑鑳芥簮閲忥纴鐞呜鸿兘婧愬埄鐢ㄩ噺鏄鎸囧湪閲忚兘楗卞拰搴100镄勭悊𨱍崇姸镐佷笅锛岀郴缁熸墍闇瑕佺殑鑳芥簮閲忋
閲忚兘楗卞拰搴︽寚镙囧彲浠ュ簲鐢ㄤ簬钖勭嶈兘婧愮郴缁燂纴渚嫔傜数锷涚郴缁熴佺噧姘旂郴缁熴佺煶娌瑰寲宸ョ郴缁熺瓑銆傞氲繃璁$畻閲忚兘楗卞拰搴︽寚镙囷纴鎴戜滑鍙浠ヤ简瑙g郴缁熻兘婧愬埄鐢ㄧ殑浼桦娍涓庝笉瓒筹纴杩涜屾彁鍑烘敼杩涙帾鏂斤纴鎻愰珮鑳芥簮鍒╃敤鏁堢巼銆
涓夈佸簲鐢ㄦ堜緥
1.鐢靛姏绯荤粺
瀵逛簬鐢靛姏绯荤粺钥岃█锛岄噺鑳介ケ鍜屽害鎸囨爣鍙浠ョ敤𨱒ヨ瘎浼板彂鐢靛巶镄勮兘婧愬埄鐢ㄦ晥鐜囥傞氲繃瀵瑰疄闄呰兘婧愬埄鐢ㄩ噺涓庣悊璁鸿兘婧愬埄鐢ㄩ噺镄勬瘆杈冿纴鎴戜滑鍙浠ョ‘瀹氱郴缁熺殑鑳芥簮鎹熻楁儏鍐碉纴骞舵垒鍑洪犳垚鑳芥簮鎹熻楃殑铡熷洜銆备緥濡傦纴濡傛灉閲忚兘楗卞拰搴︽寚镙囱缉浣庯纴鍙鑳芥槸鐢变簬杈撶数绾胯矾镄勬崯钥楄缉澶э纴鎴栬呭彂鐢佃惧囩殑鏁堢巼杈冧绠銆傞氲繃鍒嗘瀽閲忚兘楗卞拰搴︽寚镙囷纴鎴戜滑鍙浠ラ噰鍙栫浉搴旂殑鎺鏂芥潵鎻愰珮鐢靛姏绯荤粺镄勮兘婧愬埄鐢ㄦ晥鐜囥
2.鐕冩皵绯荤粺
鍦ㄧ噧姘旂郴缁熶腑锛岄噺鑳介ケ鍜屽害鎸囨爣鍙浠ョ敤𨱒ヨ瘎浼板伐涓氢紒涓氱殑鑳芥簮鍒╃敤𨱍呭喌銆傞氲繃娴嬮噺瀹为檯鑳芥簮鍒╃敤閲忓拰鐞呜鸿兘婧愬埄鐢ㄩ噺镄勬瘆鍊硷纴鎴戜滑鍙浠ヤ简瑙d紒涓氲兘婧愬埄鐢ㄧ殑𨱍呭喌銆傚傛灉閲忚兘楗卞拰搴︽寚镙囱缉浣庯纴鍙鑳芥槸鐢变簬璁惧囱佸寲瀵艰嚧鑳芥簮娴璐癸纴鎴栬呯敓浜у伐镩轰笉钖堢悊阃犳垚鑳芥簮鎹熻椼傞氲繃鍒嗘瀽閲忚兘楗卞拰搴︽寚镙囷纴鎴戜滑鍙浠ラ噰鍙栫浉搴旂殑鎺鏂芥潵鎻愰珮鐕冩皵绯荤粺镄勮兘婧愬埄鐢ㄦ晥鐜囥
3.鐭虫补鍖栧伐绯荤粺
瀵逛簬鐭虫补鍖栧伐绯荤粺钥岃█锛岄噺鑳介ケ鍜屽害鎸囨爣鍙浠ョ敤𨱒ヨ瘎浼扮偧娌瑰巶镄勮兘婧愬埄鐢ㄦ晥鐜囥傞氲繃璁$畻瀹为檯鑳芥簮鍒╃敤閲忓拰鐞呜鸿兘婧愬埄鐢ㄩ噺镄勬瘆鍊硷纴鎴戜滑鍙浠ヤ简瑙g偧娌瑰巶鑳芥簮鍒╃敤镄勬儏鍐点傚傛灉閲忚兘楗卞拰搴︽寚镙囱缉浣庯纴鍙鑳芥槸鐢变簬鐢熶骇娴佺▼涓嶅悎鐞嗭纴鎴栬呰惧囱繍琛屾晥鐜囦绠涓嬮犳垚鑳芥簮鎹熻椼傞氲繃鍒嗘瀽閲忚兘楗卞拰搴︽寚镙囷纴鎴戜滑鍙浠ラ噰鍙栫浉搴旂殑鎺鏂芥潵鎻愰珮鐭虫补鍖栧伐绯荤粺镄勮兘婧愬埄鐢ㄦ晥鐜囥
閲忚兘楗卞拰搴︽寚镙囨槸琛¢噺鑳芥簮绯荤粺鑳芥簮鍒╃敤绋嫔害镄勪竴绉嶉吨瑕佹寚镙囥傞氲繃璁$畻閲忚兘楗卞拰搴︽寚镙囷纴鎴戜滑鍙浠ヨ瘎浼拌兘婧愮郴缁熺殑鑳芥簮鍒╃敤鏁堢巼锛屽苟閲囧彇鐩稿簲镄勬帾鏂芥潵鎻愰珮鑳芥簮鍒╃敤鏁堢巼銆傚湪鐢靛姏绯荤粺銆佺噧姘旂郴缁熷拰鐭虫补鍖栧伐绯荤粺涓锛岄噺鑳介ケ鍜屽害鎸囨爣閮藉叿链夐吨瑕佺殑搴旂敤浠峰笺傞氲繃搴旂敤閲忚兘楗卞拰搴︽寚镙囷纴鎴戜滑鍙浠ヤ负鑳芥簮绯荤粺镄勪紭鍖栨彁渚涚戝︿緷鎹锛屾帹锷ㄨ兘婧愬埄鐢ㄧ殑鍙鎸佺画鍙戝𪾢銆
❸ 饱和度调整算法
饱和度的定义大家可以自行查维基网络。饱和度又名色度、彩度。直观而言,饱和度就是色彩的鲜艳程度或者饱和程度。从白色黑色以及白黑之间的所有灰色其饱和度都为0。饱和度越高说明包含某种颜色的成分越大。其实可以理解成某一个纯色掺和了一些灰色或黑色或白色。因为灰色中包含 rgb 三种成分,所以也就导致了原本的 rgb 纯色100%占比开始下降。根据加入灰色的量,使得另外两种颜色成分的增加,原本纯色的饱和度进一步下降。
接下来介绍photoshop中饱和度调整算法:
调整参数的本来的取值范围为[-100, 100],经过归一化后为[-1, 1],记为 pecent。我们需要遍历一张图片的所有像素。对于每个像素我们做如下操作:
假设我们的某个像素 P(其 rgb 通道的值分别为 RGB):