十六進制顏色代碼,了解一下

作為設(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配比可形成間色疯特,而不等比例就會形成偏混色哗魂。

色環(huán)

那么十六進制顏色代碼跟RGB的色值怎么聯(lián)系呢,其實這串代碼指的就是顏色色值本身漓雅。也就是說录别,這串6位數(shù)的代碼贫贝,實際上使用三組2位十六進制數(shù)表示了RGB的色值凛剥,如下圖:

十六進制-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,偏混色(藍多綠少卤档,靛藍)蝙泼;

但是這種方法純屬于估算,還是會存在一定的偏差劝枣。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末汤踏,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子舔腾,更是在濱河造成了極大的恐慌溪胶,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,372評論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件稳诚,死亡現(xiàn)場離奇詭異哗脖,居然都是意外死亡,警方通過查閱死者的電腦和手機采桃,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評論 3 392
  • 文/潘曉璐 我一進店門懒熙,熙熙樓的掌柜王于貴愁眉苦臉地迎上來丘损,“玉大人普办,你說我怎么就攤上這事∨窃浚” “怎么了衔蹲?”我有些...
    開封第一講書人閱讀 162,415評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我舆驶,道長橱健,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,157評論 1 292
  • 正文 為了忘掉前任沙廉,我火速辦了婚禮拘荡,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘撬陵。我一直安慰自己珊皿,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,171評論 6 388
  • 文/花漫 我一把揭開白布巨税。 她就那樣靜靜地躺著蟋定,像睡著了一般。 火紅的嫁衣襯著肌膚如雪草添。 梳的紋絲不亂的頭發(fā)上驶兜,一...
    開封第一講書人閱讀 51,125評論 1 297
  • 那天,我揣著相機與錄音远寸,去河邊找鬼抄淑。 笑死,一個胖子當(dāng)著我的面吹牛驰后,可吹牛的內(nèi)容都是我干的蝇狼。 我是一名探鬼主播,決...
    沈念sama閱讀 40,028評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼倡怎,長吁一口氣:“原來是場噩夢啊……” “哼迅耘!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起监署,我...
    開封第一講書人閱讀 38,887評論 0 274
  • 序言:老撾萬榮一對情侶失蹤颤专,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后钠乏,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體栖秕,經(jīng)...
    沈念sama閱讀 45,310評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,533評論 2 332
  • 正文 我和宋清朗相戀三年晓避,在試婚紗的時候發(fā)現(xiàn)自己被綠了簇捍。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,690評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡俏拱,死狀恐怖暑塑,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情锅必,我是刑警寧澤事格,帶...
    沈念sama閱讀 35,411評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響驹愚,放射性物質(zhì)發(fā)生泄漏远搪。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,004評論 3 325
  • 文/蒙蒙 一逢捺、第九天 我趴在偏房一處隱蔽的房頂上張望谁鳍。 院中可真熱鬧,春花似錦劫瞳、人聲如沸棠耕。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽窍荧。三九已至,卻和暖如春恨憎,著一層夾襖步出監(jiān)牢的瞬間蕊退,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,812評論 1 268
  • 我被黑心中介騙來泰國打工憔恳, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留瓤荔,地道東北人。 一個月前我還...
    沈念sama閱讀 47,693評論 2 368
  • 正文 我出身青樓钥组,卻偏偏與公主長得像输硝,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子程梦,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,577評論 2 353

推薦閱讀更多精彩內(nèi)容

  • 目 錄 1 色彩是什么 1.1 光的屬性 1.1.1 光譜光與混合光 1.1.2 紫外光與熒光 1.1.3 紅外光...
    我是開水泡飯閱讀 7,843評論 2 46
  • 什么是顏色 Wiki是這樣說的:顏色或色彩是通過眼点把、腦和我們的生活經(jīng)驗所產(chǎn)生的一種對光的視覺效應(yīng)。嗯屿附,簡單點說郎逃,顏...
    評評分分閱讀 32,596評論 6 57
  • 讀書成就自己 今天下午三點,在中心校參加演講比賽挺份。讀《成為有智慧的教師》演講褒翰。全鄉(xiāng)共有16名教師參加演講比賽,我抽...
    鳴鷗閱讀 388評論 11 6
  • “你說昊天三羽匀泊,我是光优训,你是影「髌福” “咱們是兄弟揣非。” “兄弟伦吠?” “你給我記住哈妆兑,我是哥魂拦,你是弟毛仪,老子比你長一百歲...
    付西閱讀 242評論 0 1
  • 各種原因搁嗓,兩個孩子的咨詢擠到同一時間。上周因為各種事情已經(jīng)停了一次箱靴,這次不能再耽擱了腺逛。 索性兩人一起來咨詢室“玩”...
    語馨_f389閱讀 156評論 0 0