常見的6種色相環，我該用那個？
CMF設計軍團 · 中國設計界最為專註的CMF原創型研究平台
>>>2017國際CMF設計大會<<<
色相環是一種重要的顏色組織方式，也是研究顏色關係的重要手段。過去的許多名畫家，都會自製色相環掛在畫室里，方便隨時參考。現在也有很多商品化的色相環，可以直接購買使用。
一家美國公司出品的色相環產品，
用於指導顏料的調色和配色。
日本色研所出品的色相環產品，
指導配色用。
有許多配色理論，也建立在色相環的基礎上。比如這樣：
仔細一看，問題就來了。你有沒有發現，
從文章開始到現在，你看到的三款色相環，每一個都長得不一樣。
從顏色的數量，到顏色排列的位置，都有不同。這是怎麼回事？
其實色相環的排列，本身就帶有一定的主觀性，它們之間的不同並沒有對錯之分。你其實也可以自制一個自己的色相環，怎麼順眼怎麼來
。
不過，為了讓顏色的排列更科學、更有指導意義，科學家和藝術家們其實做出了很多的努力。
要深入的學習色彩理論，就應該從經典的、有出處依據的色相環入手。
有同學要說了，這話說說容易，光是有出處的色相環就有好多種好不？！一看都暈了好不？！
——不暈不暈，我們今天就來好好八卦一下它們的來龍去脈，以及它們之間的微妙差異。
首先，我們把所有叫得出名號的色相環都拉出來排排坐：
▲這裡面的奧式色相環沒有找到彩圖，不過NCS和它是一脈相承的，只是把「紅綠黃藍」升級為了基本色。我們看NCS色相環的彩圖就可以。
▲
PS拾色器中沒有色環，只有由HSV的H值形成的色帶，把它圈成色環後和其它的CG軟體用的色環是一樣一樣的。比如PS的配色插件coolorus、painter等等。可以統一把它們視作CG軟體用色環
。
粗粗一看。。。它們跟多胞胎似的傻傻分不清
但一深究起來，你就會知道它們有很多細節上的不同。
舉個例子。
正紅色和正黃色的夾角，
在NCS中，為90度；
在Munsell中，為72度；
在PCCS中，為90度；
在伊頓色環中，為120度；
在CG色環中，為60度；
▲
同理，其他的顏色夾角也多少有點差異。所以大家也看出來了，它們之間最大的區別，就是
顏色的
排布位置不同，這會導致各種顏色之間的夾角大小不同
。我們先來一個一個看。01
—
NCS色相環
NCS是心理四原色為基礎色的色相環。
紅、綠、黃、藍，正好連成一個正十字型，圖中以實線連接標註。
它們把色相環劃分成了四個相等的象限。
在這四個基礎色之間，
增加第一級間色
，就是橙、紫、藍綠、黃綠（也就是奧斯瓦爾德色環的八種基礎色），圖中以虛線連接標註。再繼續等色差的添加間色，直到形成一個24色的色相環。
這個紅綠黃藍嚴格對稱的排列，就是它最大特點（也是奧式色相環的特點）。當你一看到這個十字叉的時候，基本就能確定，這是一個NCS色相環。
02
—
Munsell色相環
Munsell色環在心理四原色的基礎上，增加了紫色（5P）為基礎色。
由於紫色的區域增加了，其它顏色的區域就相應的縮小了。心理四原色之間的相差也相應的減小，於是紅綠黃藍不再對稱排布，而是5個基礎色均分360°，每個基礎色之間相差72°。
Munsell色相環以紅、黃、綠、藍、紫為基礎色，並以單個的大寫英文字母命名（R、Y、G、B、P）。
它們之間的混合色為第一級間色，以並列的兩個大寫英文字母命名（YR、GY、BG、PB、RP）。
這樣，色相環就主要分為了10種顏色。下面這張
圖可以看得更清楚。
這10種顏色又細分為了10級，從1到10排列。比如1R，2R，...，到10R，然後接著是1YR。
這樣標註為5R的紅，就是最正的紅。
一般色相環的基礎色數量都是雙數，4種、6種、8種，之類的。就Munsell偏偏是個異類，5種。一旦你看到色相環分成了10色，就可以確定這是Munsell色相環。
03
—
PCCS色相環
PCCS色相環沿用了NCS的心理四原色的概念
，先確定紅-綠，黃-藍的位置。
然後，確定心理四原色的補色的位置（互補色為180°夾角）。
最後填充間色和複色，形成24色的色相環。
但是，它並沒有跟NCS一樣，把心理四原色放在完全對稱的位置上，
而是稍微挪了一下角度，從而可以保證等感覺差的特性（
各個色相之間的色差基本等距
）。從顏色的分布上看，它依然更像是一個Munsell色相環。當你看到一個紅黃綠藍（
心理四色
），呈非對稱排布（紫色面積較大
）的24色色相環的時候，基本就是PCCS沒跑了。
▲從基礎色相角度來說，
PCCS的基礎色有6種：紅、橙、黃、綠、藍、紫。從我個人的感覺來說，這個劃分是最合理的。那個什麼「赤橙黃綠青藍紫」。。。我小時候根本傻傻分不清啥是青色。。。
英文兒歌里也有這樣的諺語，說彩虹有6種顏色：「I see purple, I see blue. I see green and yellow too. I see orange, I see red. Rainbow shining overhead.」
But，和Munsell色環比較起來，
PCCS的顏色排布位置還做了一丟丟改動
。比如，壓縮了藍綠色（BG）的區域，增加了橙色（YG）的區域。這樣一來，顏色之間的相差就有了些許不同。具體請看下圖（點開大圖看更清楚）：
▲
這個圖厲害了，從內圈到外圈，集合了PCCS和Munsell，以及CC5000（日本出的一個最新的顏色體系，是目前標準色最多的顏色體系，多達5000種）的色相環標註。可以很清楚的看到它們的區別。
為什麼要這麼改？這件事我們一會兒再討論。
04
—
伊頓色相環
再回頭來看一下伊頓色環。
伊頓是位畫家+藝術教育家，
因此他的色環主要是從畫家的角度出發的
。成型時間也很早（1920年左右），那會兒終極版的Munsell色立體還沒有成型。所以他的色相環有一定的科學性，也融合了他作為藝術家的直覺。我們來仔細看一下，伊頓是怎麼構建這個色環的：
首先把紅黃藍（美術三原色）放在等邊三角形的頂點上，就形成了伊頓色相環中間的三角形；
再在三原色之間，混合出第一級間色（控制好它們之間的色差，要「等距」），這就是色環中間的六邊形：
把原色和第一級間色填入色輪的相應位置，
再將相鄰的間色和原色混合，生成第二級間色，於是就是最終的12色色相環
；
和PCCS相比，它的綠色、藍綠色區域比較小，而紅-橙-黃的區域則比較大。
當你看到這種中間有「三角形+六邊形」的12色色相環的時候，就可以確定這是伊頓色相環。
05
—
CG色相環
我們可以按照伊頓的構建辦法，同理
構建一個CG色相環
。不過它的三原色是色光三原色：
紅綠藍
。
繼續混合，就是非常順滑的CG色相環了
。
CG軟體合成顏色非常方便，所以它一般不會分割成什麼12色，24色之類，
而是形成這種顏色連續、平滑過渡的色相環
。這樣也方便軟體取色。它的長相非常有特點，你一眼就能認出它來。（如果一定要深究的話，CG會按HSV、或者HSL演算法計算色相H，以度數為單位，數值保留到整數位。所以CG色相環可以視為一個360色的色相環。）
06
—
辨析
於是我們知道，這些色相環有一個非常大的共同點，就是都是由基礎色構建而來：先人為地確定基礎色的位置，再等色差的插入間色、複色。
它們之間的不同，主要是由於選擇的基礎色的不同思路帶來的。
第一種，根據Thomas Young的三原色理論，用三種原色構建出一個色相環：
伊頓色相環、CG色相環。
第二種，是根據赫林的四色說，用四種原色構建出一個色相環：
奧斯瓦爾特色相環、NCS色相環、PCCS色相環。
第三種，不走尋常路的Munsell色相環，採用了五種原色。
（對比之下，CIE就完全放棄了這一路線，是用全波段的單色光譜混合而成的色空間。雖然它也是從RGB的三原色出發的，但到最後，CIE實際上證明了並沒有物理上的「三原色」。無論如何選擇原色，其實都無法完全覆蓋所有的自然色域。）
這些色相環的出發點不同，結果自然也就不同。最終導致了顏色之間的夾角大小不同。
07
—
應用
那麼問題來了，當我們討論配色理論的時候，當我們討論同類色、鄰近色、對比色、互補色的時候，應該以哪個為準？
畢竟這方面說法太多了，出處也十分混亂：
▲
有這種數格子的
▲有這種畫三角形、矩形的（這個辦法來源於伊頓）
▲
也有這種按角度算的
▲
算角度的這種裡面，角度還有不同的說法其實在這個問題上，我的個人意見是，
不要糾結於對錯，也不用過於糾結於這些數據的細微差異。
本來這些配色理論就是帶著原作者的主觀色彩，如果不是有特殊用途（比如研究軟體的自動配色演算法之類），就不要陷入細節之爭。
因為主觀的東西，最終還是要靠你自己的感覺來判斷。
如果你是搞純藝的、學色彩構成的，建議從伊頓色相環入手。
雖然伊頓色相環發布時間較早，留有一些bug（
比如位於互補色位置的紅色和綠色混合後並不能生成完全的中性灰，而是棕色。綠色真正的互補色應該是洋紅色。也就是說，它的補色是心理補色，而不是物理補色
）。但伊頓的《色彩藝術》一書，對配色研究得還是非常深入、詳盡。
這本書對於色彩的來龍去脈、整個邏輯敘述的也非常清楚。
至今依然是色彩構成上一座不可逾越的高峰。
另外，PCCS也是一個非常神奇的色相環。
雖然出發點不同，但PCCS色環和CG色環真是迷之相似！
▲PCCS等色環上的顏色，明度會盡量安排得一致。但CG色環由於自身的呈色特點，黃色、青色、洋紅的亮度最高，所以明度也會比其他顏色高很多。我們做對比的時候，要撇開明度這個因素，就看色相就好。
色光三原色的紅綠藍，並不完全是我們色度學意義上的紅綠藍。為了獲得更大的色域，色光三原色的紅，其實偏橙色，它的藍色偏紫色（綠色則基本是重合的）。
同理，色料三原色的紅黃藍，也不完全是色度學意義上的紅黃藍，而是偏紫的紅（洋紅），以及偏綠的藍（青），黃色則是重合的。
PCCS色環上標註的色光三原色，色調做了仔細的辨別和標註，正好形成了一個等邊三角形（同樣色料三原色CMY也是一個等邊三角形）。
於是我個人有個猜測，就是PCCS色環的調整目的，是希望徹底融合「
Munsell的色差均勻性
+色光三原色的物理補色特性
（三原色的互補色在RGB色空間中可以正好形成中性灰
）」+心理四原色的心理補色特性
。不過這個想法還有待求證（找不到資料啊。。。日語不會啊。。。）且不管它的具體構建辦法是什麼，總之，從結果來看，PCCS色相環和CG色相環、Munsell色相環高度相似，
它的心理四原色的心理補色又正好位於180°的互補色位置
。所以它同時具有等感覺差、物理補色、心理補色
的特點。
從這個角度而言，
如果你是用電腦做平面、UI、產品設計的設計師，建議用PCCS。因為它很好的兼顧了科學性和藝術性，配色理論成熟，同時和CG軟體的色環高度一致，工作起來兼容性最好。
今天就到這裡，下次再見~
點擊圖片查看更多
THANK YOU
（圖
來自：網路 | 整理
編輯：軍團
）
關於CMF設計軍團
：CMF行業第一平台，
專註於CMF探索研究與分享傳播
。為品牌終端提供CMF創意資源支持；為材料工藝設備等資源方提供精準對接；為高校提供CMF教學支持，為行業提供CMF交流學習平台。分享對CMF的踐行與感知。詳詢可加微信：CMFDESIGN999
〔
你可能還想了解〕
顏色體系太複雜？一篇文章看懂四個體系
2017IFA 各類產品色彩應用盤點
配色之法 | 紅色：熱情vs.攻擊性
活動推薦
-----點擊圖片查看-----
為探索CMF深度與廣度，提升行業水平，軍團邀請到：
海爾、美的、格力、西門子、奧克斯、小天鵝、海信、康佳、TCL、松下、奧馬、長虹、飛利浦、創維、萊克、科沃斯、蘇泊爾、史密斯、美菱、
九陽、海派、仁寶、羅技、華碩；Apple、華為、小米、三星、OPPO、聯想、中興、vivo、酷派、魅族、樂視、Motorola、傳音、努比亞、奇酷360、一加、美圖；微軟、intel；
寶馬、大眾、廣汽、北汽、上汽、一汽、長安、長城、吉利、海馬、江淮、比亞迪、奇瑞、現代、中車、陝汽、東風、
濰柴、蔚來、泛亞、小鵬、寶沃、伊狄達、開雲、同捷科技；佳普、老闆、正大、模德、奧普、櫻花、歐普、歐派、顧家、華帝；杜邦、庫爾茲、巴斯夫、陶氏、PPG、蘇威、阿克蘇諾貝爾、3M、艾文德、LG；武漢大學、天津大學、東南大學、湖南大學、吉林大學、江南大學、東華大學、同濟大學、中央美院、天津科技、天津工業、廣州大學、南京藝術學院、浙江理工、浙江工業、中國地質、南京理工、南京航空航天、北京理工、西南交通、廣東工業、華南理工、華南工業、華南農業、安徽農業、哈爾濱理工大學；北京服裝學院色彩設計研究中心、中國流行色協會、中國色彩中心、愛色麗&潘通、新材料在線、艾邦高分子、江南大學&卡秀堡輝聯合創新實驗室、榮格、YANG DESIGN等諸多業界同仁，分別來自家電、3C、汽車、家居、資源方、學術界、第三方平台、設計企業等，共同探索CMF，助力行業發展。
用心研究分享
設計、材料、工藝、趨勢、文稿、資訊
CMF設計軍團免責說明：本文僅代表作者本人對於行業的個人看法，作為分享交流。本文引用的圖文、數據等其它內容，來源於網路或公開資料，版權歸原作者及原出處所有，僅用於學習之用。任何商業盈利目的均不得使用，否則產生的一切後果將由您自己承擔。如需轉載，請與軍團聯繫。
▼點這，
進入軍團。
※魅藍手機「三次陽極」是怎麼實現的
※2017IFA 各類產品色彩應用盤點
※顏色體系太複雜？一篇文章看懂四個體系
※新手機相繼更新，一起回顧三星2014到2017都在做什麼
※樣品賞析，一張熒光紙能怎麼玩
TAG:CMF設計軍團 |