色彩調和是這樣一個概念:某些顏色組合比其他組合更討喜,而那些討喜的組合,可以從色環的幾何關係中推測出來。配色方案就是色環上的一種特定關係:相對的色相、相鄰的色相、等距分布的色相。本指南會談畫家所用的色環,以及建立在它之上的七種方案。

目錄

色彩調和的意思

色彩調和是某些討喜顏色組合所具有的一種性質。這個概念有用的地方在於,那些討喜的組合並非隨機,它們對應到色環上規律的幾何關係:彼此正對的色相、彼此相鄰的色相、落在正三角形或正方形角上的色相。

這就是配色方案的本質。一種方案,就是色環上色相之間一段被命名的幾何關係,而每一段關係都會產生一種特有的視覺效果。相對的色相相衝、晃動;相鄰的色相交融、沉靜。幾何關係預示了效果。

值得誠實地分辨清楚調和是什麼、不是什麼。這些方案並沒有「創造」調和,它們只是「描述」調和。紅色在白色底下讀起來像粉紅,或橙色放在藍色旁邊會讓兩者都更強烈,這些事實早在任何人畫出色環之前,就存在於光的物理和眼睛的構造裡了。色環和它的方案,是一張早已存在的關係地圖。這個區別很重要,因為它意味著你可以在任何既有的影像裡找出這些關係,而不只是把它們強加到一張你正在建構的影像上。

畫家所用的色環

藝術家的色環是 RYB 色彩模型,以紅、黃、藍為三原色建構而成。它是一個減色模型,也就是說它描述的是顏料的行為:每一種顏料都會從白光裡減去某些波長,而混合顏料會減去更多,這也是為什麼顏料越混越暗、越混越濁,而不是越混越亮。

這和螢幕、印表機所用的色環是不同的色環,而這個差別並非吹毛求疵。螢幕用的是 RGB 模型,紅、綠、藍三種光,那是加色:加越多光越亮,三者合起來成為白色。印表機用的是 CMY 模型,青、洋紅、黃三種墨水。每一種色環上的互補對都不一樣。在畫家用來調色的 RYB 色環上,傳統的互補對是紅與綠、黃與紫、藍與橙。本指南裡的每一種方案都以 RYB 的詞彙來描述,因為那才是你實際調色的色環,也是色彩調和在歷史上賴以建立的色環。

標準的工作色環有十二個色相:三個原色(紅、黃、藍)、三個由相鄰原色混合而成的二次色(橙、綠、紫),以及夾在它們之間的六個三次色(紅橙、黃橙等等)。十二個等距的色相,已經足以把下面每一種方案都描述成一個清楚的幾何形狀。約翰尼斯・伊登(Johannes Itten),包浩斯奠基性的色彩理論老師,把這個十二色色環系統化,並進一步把它擴展成一個「色球」。這個十二色相的圓,是接下來一切的參照框架。

解釋了調和為何成立的兩個人

有兩位人物值得一提,因為正是他們的研究,讓這些方案不只是約定俗成而已。

米歇爾・歐仁・謝弗勒爾(Michel Eugène Chevreul),一位法國化學家,在十九世紀提出了同時對比定律。他把它定義為:一個顏色會在色相和明度兩方面,傾向往它鄰色的互補色偏移。把灰色放在紅色旁邊,灰色就會帶上一抹淡淡的綠意。把橙色放在藍色旁邊,兩者看起來都比單獨存在時更強烈。這正是互補方案之所以鮮活的科學原因:這些顏色不只是在圖上相對,它們還在眼睛裡主動地相互強化。謝弗勒爾的定律最為人所知的,是它對印象派和新印象派繪畫的影響,尤其是喬治・秀拉(Georges Seurat)的點描技法,他用一個個並置的細小互補色點,建構出整幅畫布。

約翰尼斯・伊登是另一位。在包浩斯,他提出了七種色彩對比的理論:色相對比、明度對比、色溫對比、互補對比、同時對比(取自謝弗勒爾)、飽和度對比,以及面積對比。有一點值得明白點出來:伊登的七種對比,並不是本指南裡的七種方案,那是另一套分類。對比描述的是兩個顏色如何不同;方案描述的是一組色相如何在色環上排列。兩者常被搞混,因為兩份清單都剛好有七項,但它們回答的是不同的問題。伊登的最後一項,面積對比,談的是比例,也就是每個顏色占據了影像多大的面積,這是一座有用的橋,通往「方案只說了一半故事」這個概念。比例和色相同樣重要。

互補色:相對的色相,最大的對比

互補配色用的是色環上彼此正對的兩個色相:紅與綠、黃與紫、藍與橙。互補色,又稱對比色,能產生所有兩色關係中最強的對比。當兩個高彩度的互補色並排放在一起時,對比達到最大值,這正是讓這套方案顯得鮮活、充滿能量的原因。

它的幾何關係是所有方案中最簡單的:一條橫越色環中心的直線,連起相隔 180 度的兩個點。

它的效果是高能量、高對比。它是讓視覺焦點跳出來的那種方案,藍色場景裡一小點橙、綠葉襯托下的一朵紅花。風險同樣也最強。兩個飽和的互補色用量相等時,可能會在共同的邊緣晃動,形成一種不穩定、令人眼睛疲勞的視覺嗡鳴。解方在於比例:讓一個顏色主導,另一個拿來當小面積的點綴,而不是把畫面五五對分。

一個具體用法:以青綠色為背景、配上暖橙膚色的肖像。互補關係讓人物乾淨俐落地從背景中分離出來,不需要任何生硬的輪廓線,因為眼睛會把這種色溫的對立讀成分離。

類比色:相鄰的色相,沉靜而協調

類比配色用的是色環上彼此相鄰的色相,通常是三個相鄰的,例如黃、黃綠和綠。類比色是色環上彼此相鄰的一群顏色,這類方案在自然界中最常出現:秋葉在紅、橙、黃之間遞變的過程,就是一段類比漸層。

它的幾何關係是一段緊湊的弧,色環上三、四個相鄰的扇形,跨度從不超過大約九十度。

它的效果是沉靜、協調、低對比。因為色相彼此靠得很近,沒有東西在打架。影像讀起來是統一的,甚至是寧靜的。這是一種重氛圍勝於重戲劇張力的方案:一片由藍與藍綠構成的霧中風景、一場由紅與橙與黃構成的夕陽。它的風險和互補色相反。少了一個對比的點綴,類比方案可能會顯得平板或單調。畫家解決這個問題的方法,是讓一個色相主導,並倚靠明度和飽和度的差異,來製造出色相本身提供不了的對比。

三等分色:三個等距的色相

三等分配色用的是色環上等距分布、相隔 120 度的三個色相。在 RYB 色環上,最乾淨的三色組就是三原色:紅、黃、藍。二次色(橙、綠、紫)則構成另一組明顯的三色組。

它的幾何關係是一個內接於色環的正三角形。

它的效果同時兼具平衡與活潑。一組三色組給你的是三個方向、而非一個方向的對比,所以影像顯得豐富、充滿色彩,但因為這三個點是對稱的,它仍保持平衡,而非混亂。難在控制。三個強烈的色相平等地較勁,很快就會變得嘈雜。標準解法和互補色一樣:從三者中挑一個來主導,另外兩個拿來當輔助和點綴,而不是給三者相等的份量。許多經典插畫和大量兒童設計都用原色三色組,正是因為它大膽、平衡,而且一眼就讀得懂。

分裂互補色:有對比,沒有緊張感

分裂互補配色從一個基準色相開始,接著不用它正對面的互補色,而是用那個互補色兩側的兩個色相。比方說,藍色搭配的不是橙色,而是紅橙和黃橙。

它的幾何關係是一個狹長的等腰三角形:一個點落在基準色相上,兩個點分立在它正對面那個位置的兩側。

它的效果是高對比,但緊張感比純粹的互補對來得少。你保留了大部分的衝擊力,基準色相依然隔著色環和那兩個點綴色相對,但那兩個點綴色和正對面的位置稍有偏移,這就削去了視覺晃動的鋒芒。這讓分裂互補成為最寬容、最好平衡的方案之一,也是當互補色顯得太衝時的好預設。一個用法範例:一個冷藍色的室內空間,點綴上幾筆暖紅橙和黃橙,感覺溫暖宜人,又沒有藍色對上純橙那種刺眼的衝突。

四等分色:兩組互補對

四等分配色,又稱雙互補或矩形配色,一次用上兩組互補對,四個色相在色環上構成一個矩形。例如藍與橙,搭配黃與紫。

它的幾何關係是一個矩形:兩對相對的色相,兩對之間的距離各不相同。

它的效果豐富而多變,是目前為止最多彩的方案,因為你有兩組完整的互補對比一起運作。這份豐富也是危險所在。四個色相份量相等時就沒有了重心,影像會分崩離析成幾塊互相較勁的區域。四等分方案幾乎總是需要一個顏色明顯主導,讓其餘三個擔任輔助角色;而它通常在你讓一組互補對偏暖、另一組偏冷時效果最好,這樣暖冷之間的平衡,才能給眼睛一個歇腳的地方。除了正方形以外,它比任何其他方案都更倚重細心的比例拿捏。

正方形:四個等距的色相

正方形配色用的是色環上等距分布、相隔 90 度的四個色相,例如紅、黃橙、綠和藍紫。

它的幾何關係是一個內接於色環的正方形,四個點各相隔四分之一圈。

它的效果是最大程度的多樣性。正方形方案比任何其他方案都更完整地涵蓋了色環,所以它提供了最寬廣的色彩對比範圍。它也是最難平衡的,比四等分還難,因為這四個色相完全對稱,沒有哪一個有內建的理由該主導。成敗完全取決於有紀律的比例,以及對明度和飽和度的駕馭,好讓這四個色相不會互相蓋過彼此。這是一種給有自信、處理複雜色彩者的方案,那種你是真心想讓色環的每一個區域都登場、又願意下功夫不讓它淪為噪音的全光譜場景。

單色:一個色相,許多明度

單色配色用的是單一一個色相,只靠改變它的明度和飽和度來變化。這些變化包括淡色(色相加白)、濁色(色相加灰)和暗色(色相加黑)。換句話說,就是一個藍,從最淺的天空藍到最深的海軍藍,別無其他。

它的幾何關係根本不是色環上的一個形狀,而是單獨一個點,沿著明度和飽和度的軸線向內向外探索,而非繞著色相的圓打轉。

它的效果是所能達到最協調的。只有一個色相,就沒有東西會相衝,所以影像在定義上就是統一的。問題在於,所有的視覺趣味都必須來自色相對比以外的地方,這意味著明度得挑大樑。一張單色影像的成敗,全繫於它的明度結構,也就是支撐起一張灰階習作的同一副色調骨架。把明度階梯抓對了,一張單一色相的影像就能承載和任何全彩影像一樣多的形體與深度。抓錯了,它就會塌成一片平板的色塊。這正是證明「色彩調和往往根本不在於色彩」的那種方案。

當一張圖沒有乾淨的調和時

不是每張圖都用了某種方案。這是任何一份色彩調和指南裡最重要的誠實重點,也是大多數指南略過的一點。

許多出色的影像,複雜場景的照片、刻意採用寬廣或偶然調色盤的畫作,並不會乾淨地對應到一條互補線、一個三等分三角形,或其他任何形狀。它們的顏色落在色環上的方式,並不符合任何一個被命名的關係。這不會讓它們變糟,只是意味著它們的協調來自色相幾何以外的東西,往往來自明度結構、來自色溫,或來自某個顏色靠純粹的面積占比在主導。

錯誤的做法是硬套一個標籤。一份誠實的分析會回報「無方案」,而不是把一個雜亂的調色盤,硬湊到最接近的某個命名方案上。因為一個雜亂調色盤裡剛好有三個顏色落在一個正三角形附近,就把它叫做「三等分」,這什麼也教不會你,還會訓練你的眼睛去看見根本不存在的結構。

如何在真實影像中認出一種方案

認出一種方案,意思是把一張圖的主要顏色當成點標到色環上,再判讀點與點之間的角度。兩個點大致相對就是互補。緊密聚成一團就是類比。三個點構成一個正三角形就是三等分,一個指向某個基準色相的狹長三角形就是分裂互補,一個矩形就是四等分,一個正方形就是正方形,而一個跨越明暗散開的單點就是單色。

難的地方在於靠肉眼做這件事。大腦會不斷補償色彩關係,這和一件白襯衫在暖色燈光和冷色日光下都看起來是白的,是同一個原因,這讓人很難光靠眼睛去判斷一個調色盤在色環上真正的位置。比例讓它更難,因為一種方案是由「有哪些色相在場」來定義的,但一張影像的感覺,卻是由「每個色相各占多少」來主導的,而這正是眼睛量不太準的東西。

Undertone 能在你給它的任何影像上,替你完成這項辨識。用手機對準一幅畫、一張照片、眼前的一個場景,或匯入一張圖,不到五秒,它就會擷取顏色、標到色環上,再回報這張圖用的是七種方案中的哪一種:互補、類比、三等分、分裂互補、四等分、正方形或單色。當顏色沒有形成乾淨的關係時,它會如實告訴你,而不是硬湊一個。這正好對應到本指南裡的七種方案,也是自然的回報:理論變成了你能立刻在真實影像上看見被印證的東西,而不再是你只能憑信心接受的說法。

它還會回報這些方案略過的部分。調色盤這一層會把主要顏色,依照它們實際占據影像多少面積來決定大小呈現,並用畫家熟悉的名稱,像鎘黃和佩恩灰,而非天馬行空的名字,這正是伊登面積對比的具象化。色溫圖呈現出暖冷的平衡,那決定了一個四等分或正方形方案能不能撐得住。明度結構呈現出單色方案完全仰賴的那副色調骨架。調和是色相的幾何,但比例、色溫和明度,才是讓這套幾何運作起來的東西,而你能同時看見它們全部。

一切都在裝置上執行。影像絕不會離開你的手機,不需要帳號,也不必註冊。免費方案很大方:不限次數的分析,含調色盤、色彩調和、色溫、明度和飽和度檢視,外加二十張圖的歷史紀錄。這整份指南所談的色彩調和偵測,是免費的。一次買斷、沒有訂閱,就能再加上構圖輔助線、對比焦點圖、全解析度匯出和不限數量的歷史紀錄。

同樣的洞見貫穿了每一種看待色彩的途徑,無論你研究的是日本襲色目這套層疊絲綢的系統,還是安德斯・佐恩的四色調色盤:調和從來不在於單一一個顏色,而在於顏色之間的關係。色環是這些關係的一張地圖,七種方案是它被命名的地標,而最有用的本事,就是學會認出一張圖實際上用的是哪一種。

Undertone 能從多個維度分析任何畫作或照片:調色盤、調和、色溫、明度結構、構圖、飽和度和對比。全部在裝置上完成,一次買斷,沒有訂閱。可在 iOS 與 iPadOSmacOSAndroid 上使用。