平面与网页设计中关于颜色搭配的问题
有位網友問我:色彩調整需要一定的色彩知識,但在講解ps的有關書籍中都不講解色彩知識(只有簡單的概念介紹),在網上也很難找到這方面的資料,因此不少人只有一個色彩方面的基本概念,真要運用起來,總是感到無從下手,比方說:1、色相、飽合度、亮度與R、G、B值存在什么關系?換句話說就是R、G 、B值是如何決定色相飽合度與亮度的?2、色輪上的紅、黃、綠、青、藍、品各自的60度范圍是的R、G 、B有什么特征?如果是在30、60、90、120度等一些特殊的角度是R、G、B的關系又是怎樣?3、如果可能的話,請版主多講一些色彩方面的知識。
【一】造成這種現象教材有一定責任,但也不能全怪教材。通常教材在講到 RGB 顏色的階段,匠術的內容還比較淺顯,而 RGB 顏色空間在這時除了講三基色以外,還沒有什么很具體的內容適合繼續深入,再要講下去就是基色通道,但講解通道還不是時候。于是教材就采取了“偷奸耍滑”的辦法,趁著讀者對于顏色空間還沒有完整的概念,帶著你不知不覺中偷偷轉向,把 RGB 空間“類比”到 HSB 顏色空間,轉來講述顏色的色相、飽和度和亮度屬性。
從教學意義上可以說這個偷換概念的做法是成功的,有效的,在學習的初期用糊弄的辦法避開難點,但也讓你不知道受到了糊弄,以為一切順理成章而且嚴謹周密(其實我們的小學課本、中學課本也都是這么編的)。這是“教學技巧”,無可厚非。但是如果教材能夠在完成自己這一階段后,把真相如實的告訴你,說清楚什么地方避重就輕的采取了愚民政策,并且指出存在問題那就更好了。如果能再對這些問題回過頭來加以重新認識和講述,那真是比好還好,功德圓滿了。可惜好事難以成雙,或許這種教學方法成了套路,傳統教學培養的后代作者本身在這些地方也比較薄弱,所以就習慣性的回避這些難點。此外越難的東西感興趣的讀者越少,也是原因之一。
不過當我們學過了基礎理論之后,就有了條件把以前被糊弄的地方搞清楚。當初是不得已,但現在有了適當的基礎,如果愿意是不難做到的。那就言歸正傳從顏色空間說起。
【二】顏色通常用三個相對獨立的屬性來描述,三個獨立變量綜合作用,自然就構成一個空間坐標,這就是顏色空間。而顏色可以由不同的角度,用三個一組的不同屬性加以描述,就產生了不同的顏色空間。但被描述的顏色對象本身是客觀的,不同顏色空間只是從不同的角度去衡量同一個對象。
顏色空間按照基本結構可以分兩大類,基色顏色空間和色、亮分離顏色空間。前者的典型是 RGB,還包括 CMY、CMYK、CIE XYZ 等。后者包括 YCC/YUV、Lab、以及一批“色相類顏色空間”。CIE XYZ 是定義一切顏色空間的基準,很奇妙的是,它即屬于基色顏色空間,也屬于色、亮分離顏色空間,是貫穿兩者的樞紐。我們主要要討論的是色、亮分離顏色空間中的子類型“色相類顏色空間”,它是把顏色分成一個表亮屬性,和兩個表色屬性,其中有一個表色屬性是色相。而色相以外的兩個屬性可以選用不同的變量來定義,而色相的概念不變,因此就構成一族共同使用色相屬性,另加表亮屬性和表色屬性各一個組成的顏色空間。它們是顏色空間中的一個家族。暫且統稱為 HSB 顏色空間(但后面要詳細劃分)。
因為不同顏色空間描述的相同的客觀對象,所以它們之間必然存在數量的相互轉換關系,但是需要十分明確,RGB 和 HSV 空間,雖然在教材中狐貍糊涂的把他們糾纏在一起,但它們實質上是概念完全不同的顏色空間,它們的共同點是比較常用,也比較容易直觀理解,但這是表面的聯系。
只有以 R、G、B 為變量的直角坐標空間才稱為 RGB 顏色空間,在 RGB 空間中,三個獨立屬性變量性質對等,相互加減運算有意義,任何涉及色相、飽和度等等為基本顏色屬性的,還有跟“色輪”一類概念直接關聯的、用角度表示顏色的等等,都是 HSB 顏色空間,絕沒有混淆的余地。在 HSB 顏色空間中,三個顏色屬性性質不同,你不可能把色相和飽和度加在一起,就好比時間不能與面積相加,恐龍不能與螞蟻雜交。
我們還記得傳統教材是通過色輪上幾個基色和二級色與色輪角度位置的對應關系在兩個顏色空間之間偷換概念的,但存在對應關系與兩者相等是完全不同的概念。有常識的人都知道,人民幣和美圓有兌換關系,但人民幣是中國人民銀行發祥的,美刀是美國聯邦儲備銀行發行的,各屬各自的金融體系。能兌換并不等于人民幣就是美刀。RGB 與 HSB 顏色空間與此同理。
zhangwei5009 朋友提的是個好問題,說明已經清楚的意識到 RGB 與 HSB 顏色空間實質上的區別,也明確了兩者之間必然存在客觀的轉換規律,并思考和探詢兩者之間的定量轉換關系。提出這樣問題的學習者不太多(我記得 zhangwei5009 很早就在短消息里提過類似問題),傳統 PhotoShop 教材中除了千篇一律的重復六個基色、補色點以外,很少有教材在這個問題上有明確說法。
【三】顏色空間中沒一個坐標點對應一種顏色,顏色空間要求顏色與空間坐標一一對應,即不能某一個點對應多種顏色,也不應該一種顏色對應多個坐標點。不過在 PhotoShop 這樣一個實用工具中,在特殊情況下存在多個坐標點對應實質上相同顏色的現象,這是因為某些顏色空間的形狀十分離奇古怪,為使用方便性考慮,做了一些權宜讓步,把奇異的顏色空間形狀虛擬為規矩的形狀。這是一種程序設計技巧,因為這里主要偏重顏色理論討論,這種應用技巧擱置不談(但我們點明有此一說,而不是假裝它不存在)。
關于顏色空間的宏觀概念暫且打住,還是具體來看主要討論的“色相類顏色空間”。前面已經概述過,色相類顏色空間由色相屬性、另一個表色屬性(通常稱為“飽和度”即顏色純度)和一個表亮屬性構成,基本上它的三個屬性是通過 RGB 空間的屬性,即三個基色色階值來定義的。色相的定義總是恒定,而另兩個屬性則有多種定義方式。
也就是說,把顏色這樣一個綜合概念拆分成色相和非色相兩部分獨立屬性,這是固定的步驟,再把非色相屬性拆分成另外兩個獨立屬性,——有各種各樣的拆分方式,因此構成一個家族,每種方式都是這個家族中的一個成員。那么具體到 PhotoShop 中的 HSB 顏色模式,使用是色相和哪兩種屬性呢,如果問題能這么問,那就謝天謝地了。PhotoShop 中對于飽和度屬性與表亮屬性的使用,與“色相類顏色空間”家族的龐雜關系同樣混亂不堪,涉及 PhotoShop 中表示飽和度的有三種(或者說“兩種半”)不同的“飽和度”屬性,而表亮屬性則有至少有六種,其中一部分相互結合并與色相屬性組合,——據我目前所知——構成了至少三種實質上不同的“HSB 模式”也就是“HSB 顏色空間”。
具體說,取色器和“信息”調板上的“HSB”屬于理論上“色相類顏色空間”中稱為“HSB/HSV”的顏色空間;
“色相/飽和度”命令中的,是另外一種通常稱為“HSL/HLS”的顏色空間,它的飽和度與“亮”屬性的定義與上面差別頗大;“色相”、“飽和度”等圖層混合模式中涉及的,又是另一種“色相類顏色空間”,這種組合沒有通用名字,可能是 Adobe 系列軟件自行定義和專用的顏色空間。
因為“HSB”這個名稱已經給了第一種專用,為區別期間,以后統稱“色相類顏色空間”我們改用“HS*”來表示。理論上的 HS* 顏色空間還有更多種變化,比較大的差別產生在表亮屬性的定義,這不僅是 PhotoShop 中令人頭疼的概念,也是整個顏色理論中亂如一團麻的概念。不僅六種以上的“亮”概念沒有固定的術語將它們嚴格區分,而且它們表示發亮的數值也相互出入很大,例如兩種顏色在某種“亮度”意義下認為亮度相等,而換一種“亮度”概念來看,他們的亮度可能相差九倍。
【四】所以表面看 PhotoShop 的顏色概念精密和諧,實際上,在 PhotoShop 內部它們比迷宮還亂。但是 Adobe 根本就不希望你知道這些,同時也沒有提供適合精確描述這些空間特性的基本概念。
我們說“PhotoShop 是根據精密的光學理論設計的”,這話沒錯,這些東西也不是 PhotoShop 搞怪而是“精密的光學理論”就是如此,它的確有精密的部分,但我們也不要隱瞞它糟糕的、令人無所適從的部分。那么是科學有問題么?科學家是糊涂蛋、睜眼瞎么?也不是。關鍵的原因是顏色這種東西太緊密的涉及到人的主觀感覺,如果不是為了將就我們的感官和心理,那么光的強度用能流密度表示,顏色用光譜成分表示,這種客觀的光學理論完美無缺。就是因為要適應人類視覺這種特性古怪、翻覆無常、莫名其妙的感光設備,并且以人為本為人服務,顏色理論才搞得一塌糊涂。
人類心理對于顏色感知的主觀影響不說了,就說眼睛這種感光器官,它有非常非常寬廣的感光范圍,可感受的光能強度跨越十四個數量級以上,遠遠大于任何人造的感光設備,但是在不同的亮度范圍,感受的敏感度卻相差懸殊,而且它由兩個部分銜接起來的(明視視覺和暗視視覺),由兩種不同感光細胞分別負責(視網膜上的錐狀細胞和桿狀細胞),兩種細胞的特性相差很大,同時人眼對于顏色的感知相對遲鈍得多,它不能分辨三色混合與太陽光全光譜混色的區別,所以我們才能用三基色的混合來冒充自然光譜,不然的話(如果我們的眼睛足夠“精密”和“敏銳”),無論是彩色印刷,彩色攝影,彩色電視和顯示器……一切現有的人造彩色圖象,就都不是這么簡單了,就會比現在困難很多,成本也會高昂得多。
所以有一個戲謔的說法,三基色技術是人類是借用自身的“缺陷”自己占自己便宜。
【五】權當是枯燥話題之前的一點娛樂,下面的東西就慢慢的晦澀了。上文說到,PhotoShop 中涉及的 HS* 類顏色空間實際上有三種,其實細心的使用者可能早已感到了。例如前幾天舉的一個最簡單不過的例子來批駁 PhotoShop 手冊中關于“色相”,“飽和度”一類混合模式的定義,PhotoShop 中自相矛盾的根源,就是因為所謂“色相”,“飽和度”的概念在不同工具和命令中是彼此不同的,此“飽和度”非彼“飽和度”,正如清人對屬所云,“藺相如司馬相如,名相如實不相如”。
還有“色相/飽和度”命令中,我們單獨調整“飽和度”或“明度”滑標同時查看信息調板,S 和 B 屬性的變化規律完全不是按照正常概念所預期的那樣變化,以至于對于最普通的“色相/飽和度”命令我們很長時間都難以找到它的確切規律。這些還只是表面現象,理論的分析能徹底找到它們在基本概念上到底差別在什么地方。
幸好我們主要關心的概念是色相,在各種不同的 HS* 空間中,色相的概念是不變的,而“色相/飽和度”命令加上“信息”調板,恰好是分析色相與 RGB 顏色空間屬性的最好工具。在實際觀察分析前需要指出一個分析 HS* 顏色空間概念的關鍵點,在我們熟悉的 RGB 顏色空間中,顏色決定于三個通道的色階值組合,我們關心的是三個通道色階值的[b]實際數值[/b]或[b]絕對數值[/b],紅多少綠多少藍多少,但是,在探索 HS* 空間基本顏色屬性時,分析它們與 RGB 屬性之間的關系時,要把注意的重點放到 RGB 顏色色階的[b]相對數值[/b]上,也就是 R、G、B 三者誰大、誰中、誰小,這是理解 HS* 空間屬性與 RGB 關系的頂尖機密。
只要把腦筋換到大中小關系上,那么色相與 RGB 之間的對應關系不攻自破。我們首先簡要復習一下中學中的排列組合,三個數值按照大中小順序排列,可能的結果有六種,就不一一列舉了。而顏色的色相屬性恰恰是由這六種排列決定的,R、G、B 三者中最大的那個決定色相的主要基調,中間的和最小的決定實際顏色與主要基調的偏離程度,中間的和最小的兩個對于色相有相互“抵消”作用,即兩者相等時對色相的影響正好抵消,色相就等于主要色調的色相。
我們說的“主要色調”,就是色輪上間隔 60°分布的紅黃綠青藍品——基色和其補色。60°,一種六種基色和補色,還有大中小關系的六種可能,這些六六大順的組合是碰巧得來的嗎,其實不是,實際上色相概念本來就是照著這種規律來定義的,種瓜得瓜,求仁得仁,一點也不奇怪(我知道你還是感覺有點奇妙)。
總結
以上是生活随笔為你收集整理的平面与网页设计中关于颜色搭配的问题的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 惠普M1005打印机驱动-LaserJe
- 下一篇: Echarts y轴高度设置(宽度铺满整