作為設(shè)計師静袖,我們經(jīng)常用RGB的顏色模式來做圖觉鼻。我們在看別人設(shè)計稿的時候,也經(jīng)常會看到一串顏色代碼勾徽。我們都知道RGB代表紅色滑凉,綠色和藍色,只有這三種顏色用于再現(xiàn)數(shù)字畫布的所有其他顏色喘帚。十六進制顏色代碼是6位顏色代碼畅姊,前綴為哈希(#),用于保存數(shù)字顏色信息吹由。十六進制顏色代碼都是怎么樣的呢若未?今天我們一起了解一下。
RGB表示法實際上也是三個參數(shù):
R:飽和度為100%的紅(0°)色的亮度值倾鲫;
G:飽和度為100%的綠(120°)色的亮度值粗合;
B:飽和度為100%的藍(240°)色的亮度值;
從小我們就知道乌昔,白光有7種顏色隙疚,光只有三種顏色,紅磕道、綠供屉、藍,其他的各種顏色都是由這三種顏色不同比例混合而成的溺蕉。那么究竟怎么混合呢伶丐?就是下圖中右邊的相環(huán)。這三種顏色之間1:1配比可形成間色疯特,而不等比例就會形成偏混色哗魂。
那么十六進制顏色代碼跟RGB的色值怎么聯(lián)系呢,其實這串代碼指的就是顏色色值本身漓雅。也就是說录别,這串6位數(shù)的代碼贫贝,實際上使用三組2位十六進制數(shù)表示了RGB的色值凛剥,如下圖:
十六進制顏色代碼保存0到9之間的數(shù)字值以及從A到F的字母值竞慢,其中0類似于暗度掰吕,F(xiàn)類似于亮度凄诞。
除此之外想许,F(xiàn)表示色相泼差,0表示沒有色相椭盏。下圖顯示了紅色通道的飽和度徘层。
如上圖所示峻呕,明度和飽和度從0增加到F,然后以相反的方式減小利职。十六進制顏色代碼#000000描繪了明度的消耗和完全變黑,而代碼#FFFFFF描繪了明度和飽和度的增加瘦癌。在十六進制顏色代碼中猪贪,前兩位數(shù)代表紅色通道,第三和第四代表綠色通道讯私,后兩位代表藍色通道热押。
我們假設(shè)六位數(shù)為紅色,紅色斤寇,綠色桶癣,綠色,藍色和藍色娘锁。最大值決定產(chǎn)生的顏色是否為紅色牙寞,綠色或藍色; 最小值決定該顏色的色調(diào)或陰影。具有較高值的數(shù)字更明亮且飽和莫秆,而具有較低值的數(shù)字較暗且不飽和度间雀。
可能說了這么多大家還不明白。我從大神的經(jīng)驗中獲取了以下4條規(guī)律:
1.如果RGB的三種色值大小相近镊屎,那么該顏色的飽和度偏低惹挟;
2.RGB的色值中,最大的一個或最大且相近的兩個色值決定色相缝驳;
3.RGB的色值中连锯,最大的色值決定亮度(最大值越大越亮)
4.RGB的色值中,最小值決定飽和度(同一最大亮度下最小的數(shù)值越大飽和度越低)
舉個栗子1
十六進制顏色代碼#3F51B5党巾,三個色值分別為3f,51,B5萎庭;不難看出霜医,最大值是b5,所以這個色相偏向藍色齿拂,再看b5中的b不是很高(最高為f),他是一種中亮度的藍肴敛;再看最小值署海,是紅色的f很大,會中和一部分藍医男,所以整體會偏紫色一點砸狞。示例可以在下面的圖形表示中看到。
舉個栗子2:描述#1ef32a所表示的顏色:
分析:三個色值分別是1e镀梭,f3刀森,2a;不難看出报账,最大值是f3研底,這個值很接近最大值ff埠偿,說明整體的亮度是一個“高亮度”;
最小值1e和最大值f3相差甚巨榜晦,也就是說冠蒋,最小值對于最大值并沒有什么影響,由此可以斷定乾胶,飽和度是一個“高飽和”抖剿;
次大值2a跟最大值也相差巨大,也就是說识窿,次大值跟最大值很難混合成偏混色斩郎,也就是整體的色相由f3決定了,f3正好是綠色的色值喻频,因此:
該色彩是一個高亮度孽拷、高飽和度的綠色。
在顏色代碼#FF0000中半抱,紅色通道的最大值和最小值均為F脓恕,代表最亮的色相和飽和度。其他兩個通道的數(shù)字為0窿侈,這將描繪色調(diào)的消耗和亮度的零值炼幔,因此RGB模型中的解釋顏色將是更亮的紅色。
以非常類似的方式史简,#00FF00和#0000FF十六進制代碼的解釋結(jié)果將分別為綠色和藍色乃秀。
讓我們看看一些更多的十六進制顏色代碼,只要RGB模型中的兩個通道處于最亮的水平圆兵,就會對其進行解釋跺讯。
黃色 - #FFFF00? ?洋紅色 - #FF00FF? ?青色 - #00FFFF
如果十六進制顏色代碼寫為“#FC3”,則將其解釋為“#FFCC33”殉农。
如果十六進制代碼數(shù)字的所有值都相同刀脏,則會產(chǎn)生灰色調(diào)。
可能大家會覺得非常的難超凳,其實還是有比較簡單的方法的愈污。
比如,以色彩#357fd2為例:
第一步轮傍,將三個色值分開:
第二步暂雹,用“七舍八入”的方式取整(七舍八入,是因為在十六進制中创夜,7和8才是位于中間的兩個數(shù)字):
第三步杭跪,把末尾的0去掉
第四步,把十六進制轉(zhuǎn)化為十進制
第五步,估算亮度
本例中涧尿,用13/16≈81.25%桨醋,高亮度(每隔20%一個等級,20以下為低现斋,20~40為中低喜最,40~60為中,60~80為中高庄蹋,80以上為高瞬内,飽和度也同理);
第六步限书,估算飽和度
本例中虫蝶,用1-3/13≈76.9%,中高飽和度倦西;
第七步:評定色相
結(jié)果接近0為原色(最大值所代表的顏色)能真,結(jié)果接近于1為間色(最大值與中間值等值混合),結(jié)果接近于0.5為偏混色(最大值與中間值2:1混合)扰柠。本例中粉铐,(8-3)/(13-3)=0.5,偏混色(藍多綠少卤档,靛藍)蝙泼;
但是這種方法純屬于估算,還是會存在一定的偏差劝枣。