十二色相環

2021-09-24 16:21:27 字數 2794 閱讀 4612

本學期秉持著提公升自己作品顏值的心態選了一門名為「色彩原理與應用」的公選課。然而其實這門課體驗並不是很好,老師從光的波動性講起(??),然後是色標系統,眼睛的構造和視錐細胞視桿細胞各自的結構和作用(????),人對顏色的感知現象以及色盲的原理(???)。後來終於進入正題後也總是感覺彷彿學完這門課設計乙個有感覺的**是不現實的,畫出乙個顏色分明層次清晰賞心悅目的地圖倒是有可能的。當初看到這門課是印刷與包裝系老師開的課時就應該意識到這點的。

但是這門課還是有些我覺得應該把它記住的東西,比如下面的將要介紹的神奇工具——十二色相環。

在介紹十二色相環之前,先介紹一些色彩學基本知識,包括色光三原色,色相三原色,加色法原理和減色法原理。(不想看基本知識的可以直接跳過這部分)

加色法混色——由色光輻射能量的各光譜組成混合得到的結果。把不同顏色的光的混合稱之為色光混合。

減色法混色——混合色為一種或幾種染料(顏料)分別吸收掉相應光譜成分後,改變了原來光譜分布所引起的顏色感覺 。把顏料、染料、油漆、油墨、塗料等的混合稱之為色料混合。

如果選擇紅、綠、藍三種色光以不同比例進行混合,幾乎可以得到自然界中所有的色彩,我們可以稱該紅、綠、藍三種顏色為色光三原色。

色光加色法特點:

◇色光的相加(混合),所獲得的第三種色光其亮度增加。故稱色光混合為加色法混合。

◇三原色光中的任何一種色光都不能由其它兩種原色光混合得到。

色光加色表達:

紅光+綠光=黃光(r+g=y)

紅光+藍光=品紅光(r+b=m)

綠光+藍光=青光(g+b=c)

紅光+綠光+藍光=白光(r+g+b=w)

如果選擇黃色、品紅色和青色這三種色料兩者混合或三者混合可以得到幾乎所有的顏色,所以把黃(y)、品紅(m)、青(c)這三種顏色叫做色料三原色。

合光中減去一種或幾種單色光而得到另一種色光的效果,稱為色料減色法。

色料減色法特點:

◇兩個顏色互為補色的色料混合時,適當調整比例可以得到黑色料。

◇色料的混合過程同時也是乙個混合色料亮度降低的過程。

◇三原色料中的任何一種色料都不能由其它兩種三原色料混合得到。

色料減色法表達(這些公式請參照下方的十二色相環進行理解)

如果三原色兩者之間或三者之間等量混合,則有:

m+y=r 白光—綠光—藍光 = 紅光

m+c=b 白光—綠光—紅光 = 藍光

y +c=g 白光—藍光—紅光 = 綠光

m+y+c=k 白光—綠光—藍光—紅光= 黑

兩種原色等量混合,最後呈色效果是兩次減色的結果。三原色等量混合得到黑色。

因為 r=m+y m+y+c = k

b= m+c m+y+c = k

g= y+c m+y+c = k

等式左右兩邊相加得:

順便一提,我們在ps中常用的rgb和cmyk這兩個概念。rgb配色即是基於色光加色法,它是我們設計時採用的配色模式。cmyk是基於色料減色法,我們設計的作品終究要付之於印刷,而印刷是使用各種色料進行的,所以必須用色料減色法作為配色模式。那麼我們能不能在設計時就採用cmyk呢?這樣做往往是會出問題的,因為電腦顯示屏作為發出光的裝置本質上是色光加色法的原理。

大一學習ps時學長學姐就特別強調用ps做圖最後印刷前一定要把色彩模式從rgb換成cmyk,今天終於知道了原因。

色相環是指一種圓形排列的色相光譜 ,色彩是按照光譜在自然**現的順序來排列的。

在十二色相環中,色光三原色紅、綠、藍兩兩相差 120 度,而色料三原色黃、青、品紅分別位於紅與綠、綠與藍、藍與紅的正中間。除此之外,色相環上還具有橙、黃綠、青綠、靛、紫、紫紅,共計十二種顏色,故稱十二色相環。

在十二色相環上,紅色是色相環的暖極,距離紅色越遠的顏色越具有冷的性質。青色是色相環的冷極,距離青色越遠的顏色越具有暖的性質。

我們可以將十二色相環看成是十二個扇面組成的圓環,每個扇面都代表了乙個色相。同一扇面之間(相差小於30 度)的顏色稱為同類色。同類的顏色搭配,帶給人和諧、自然的感覺,可以表現出柔和、穩重等多種性質。

相鄰扇面之間(相差大於30 度小於 60 度)的顏色稱為類似色,相隔僅一塊扇面( 60度)的顏色稱為鄰近色。使用類似色或鄰近色進行搭配仍能給人帶來協調的美感,但相比於同類色 這樣的搭配顯得更加活躍。

與一種顏色對面的扇面相隔乙個扇面 (共 120 度) 的顏色稱為這種顏色的對比色。兩個對比色 放在一起,會給人強烈的排斥感。但在服裝設計中,若使用明度和純度在同一層次的對比色進行搭配,也可能產生出鮮豔、亮麗的效果。

與一種顏色對面的扇面相鄰的扇面(150 度)的顏色稱為該顏色的**補色。**補色搭配仍然很鮮豔,但對比 已經不那麼 強烈,顯得比較含蓄。

兩個相對的扇形(180 度)代表的顏色互稱互補色 。互補色搭配對比尤為強烈,使用時需要特別小心。人們在使用互補色搭配時往往會用無彩色進行調和。

我們也可以結合下面的十二色相圖對光的加減色法進一步理解,所謂黃光,其實就是在白光中減去和黃光相差180度藍光(如果白光同時減去黃光和藍光就會變成黑)。所謂黃光,其實就是紅光加上綠光(黃光位於紅光和綠光的中間)。將這兩個過程多進行幾次,我們便可對每乙個顏色公式完成相應的推導。

擁有色相環,可以讓我們十分方便的進行各種色彩的加減法運算。此處就不再詳細描述了。也許對於我這種用0fffff來表示顏色的程式設計師,能用十二色象環上的顏色合理搭配已經足夠了。

隨機顏色相關

隨機顏色方法記載 方法1 生成6位 顏色rgb var getrandomcolor function 方法2 生成 隨機顏色 rgb的方法2 var getrandomcolor1 function math,0123456789abcdef 5 方法3 得到顏色值 方法3 16777215為十六...

Qt中顏色相關知識

包含在乙個qcolroup物件中的顏色 background 背景 這種顏色用作幾乎所有部件的背景 base 基色 這是部件的一種背景色,它比background多定義的顏色要淺。通常是白色,不過總是一種較淺的顏色 brighttext 亮色文字 dark用作背景時,可以用這種顏色顯示文字 butt...

色相 色彩 色度和色調

場景 pm和ui討論廣告的背景顏色中,pm 這個廣告的背景和內容採用差不多的顏色,區分度會不會不高。ui 不會啊,我專門使用單色相配合不同的飽和度和亮度設計的。pm不停的點著自己快斷的腦袋,其實不知道ui說的是什麼意思。本人為了跟充滿藝術氣質的ui設計師更好的溝通,能夠聽懂一點在我耳中的 天籟之音 ...