淺談色彩原理

更新於 2024/08/07閱讀時間約 8 分鐘
如果說素描是繪畫的基礎,那色彩原理就是配色的基礎。

我們提到色彩原理就是配色的基礎,這句話稍微狹隘了一些,其實了解色彩原理能夠提升的不只有配色,還有設計視覺運用,甚至是印刷觀念都跟色彩原理有關。


前言

曾經與朋友發生了這段對話:
朋友:「客戶說我的配色髒髒的,那是什麼意思?」
 我:『試著調整飽和度或明度,互相搭配試試看呢?』
朋友:「飽和度跟明度是?」

很多時候的配色問題並不只是換換顏色就行了,而是其他因素,例如上述對話中所提到的飽和度、 明度、對比、互補等等,更要了解顏色之間的對比所產生的關係。

不過,也有人天生色感好,容易掌握色彩,但多數人都不是與生俱來的。

高中時會對色彩原理、造型原理、美術史、設計概論等這些課程感到厭煩(加上圖例不是很好看,所以看不下去),但是在日後實際運用時才明白這些知識的重要!尤其色彩原理是基礎的門檻,內容也不艱澀難懂。

就讓我們抱持著開放的心,來了解色彩原理吧!

以下分享色彩原理的淺見,多數會以本身認為較重要的觀念為主,並搭配自行設計的示意圖。


色彩的本質

光 & 色彩

眼睛所接受的訊息就是光線,光線刺激眼睛所產生顏色,眼睛接受的光線有三種形式:

  1. 光源色:來自光源的直接光。
  2. 表面色:物體的反射光。
    光照照在不透明物體上,部分被吸收,其餘被反射。
  3. 透過色:光線透過物體的透過光。
    光線照射在透明物體上,部分被吸收,其餘穿透物體。
在沒有光線的黑暗中我們看不見色彩。


視覺的先後順序

當我們觀看物體時,先是光線的明暗,再來是色彩,其次是形狀,最後才是表面的質感和細節。

眼睛內的網膜中心窩附近含柱狀細胞(rod cell)與錐狀細胞(cone cell)。

柱狀細胞負責感知明暗,以及分辨物體的輪廓,處在暗處時仍然活耀;錐狀細胞負責感知色彩,主要活要在明亮處,所以有光才能感知色彩。

了解視覺的先後順序可幫助視覺層級的提升

小補充

  • 暗適應:當我們從亮處進入暗處,錐狀細胞因失去足夠的光所以無法感色,切換成柱狀細胞來作用,隔一段時間後才恢復視覺。
  • 明適應:當我們從暗處進入亮處,會先產生眩目的情形,無法看清物體,隔一段時間後才恢復視覺。
  • 色彩的心理恆常性:當我們觀看熟悉的物體時,會以記憶和經驗對色彩作調整,即便環境已改變物體的色彩。例如我們認知香蕉是黃色的,即使他在水果攤中以不同顏色照色,還是會認為他是黃色的。
  • 視覺疲勞:當視覺疲乏時,視覺機能會自動產生與所看物體形狀相同,顏色相反的影像和色彩來舒緩疲勞。例如醫護人員手術室或穿著以但綠色為主,可減緩長期注視血液所產生的視覺疲勞。


色覺異常

色覺異常即是錐狀細胞受到損壞,或性質異常所引起,其形態以三種感色錐狀細胞的受損情形與程度輕重作為分類依據。色覺異常可大分類為三色型:

  • 色 弱:其中一種錐狀細胞的作用不完全,也就是色弱
  • 二色型:缺少其中一種錐狀細胞,或是無法作用
  • 一色型:缺少其中二種錐狀細胞,或是只有桿狀細胞作用的全色盲

晝行性動物的錐狀體較發達,色覺較強,而夜行性動物的桿狀體較發達,色覺較弱。

想了解更多?你可以搜尋關鍵字:光譜、光的波長、可視光、三稜鏡、顯色原理、感光元件(電荷耦合元件)


色彩體系

依據不同的色彩理論,有系統地將色彩組織起來。

無彩色與有彩色:

  • 無彩色:黑、白、灰色等沒有色彩的顏色
  • 有彩色:色相所列的顏色等
  • 獨立色:金、銀、螢光色等,也稱為特殊色

色彩的分類

色彩三元素

可分為色相(H)、明度(V)、彩度(S)尤其明度與彩度最容易混淆。

色相( Hue )

色彩的名稱,用來區分色彩,例如我們會用紅色、琥珀色等稱呼。

明度( Value )

色彩的明亮程度,色彩加白可提高明度,加黑可降低明度。

飽和( Saturation )

相對於原色的更純或更飽和,高度飽和的顏色會更鮮豔或濃郁,而低飽和的顏色顯得更加素雅。


依據上圖,彩度的部分可見中間彩度最高,隨著加黑或加白顏色變得不飽和時,彩度也隨著降低,所以顏色的兩端都呈現彩度低的情形。

而明度則是加越多白,明度越高;加越多黑,明度越低。

想了解更多?你可以搜尋關鍵字:色立體、奧斯華德表色法、曼賽爾表色法、色彩體系、PCCS、表色法、色票、色相環。


色彩混和

原色

原色是指不能透過其他顏色的混合調配而得出的「基本色」。

原色並非是一種物理概念,而是一種生物學的概念,是基於人的肉眼對於光線的生理作用。人的眼睛內有幾種辨別顏色的錐形感光細胞,分別對黃綠色、綠色和藍紫色的光最敏感。雖然眼球中的椎狀細胞並非對紅、綠、藍三色的感受度最強,但是由肉眼的椎狀細胞所能感受的光的頻寬很大,紅、綠、藍也能夠獨立刺激這三種顏色的受光體,因此這三色被視為原色。

原色的指定並沒有唯一的選法,就理論上而言,凡是彼此之間無法替代的顏色都可以被選為原色,目前普遍認定「光的三原色」為紅綠藍。-維基百科

最著名的例子就是在1907年法國魯米爾兄弟所發明的天然彩色相片技術Autochrome)進入量產時,他們所選定的三原色其實是橙色綠色紫色


色光與色料

  • 色光三原色(RGB):紅(R)、綠(G)、藍(B)
  • 色彩三原色(CMYK):青(C)、洋紅(M)、黃(Y)、黑(K)

部分的人在製作或設計時,會搞不清楚該選擇 RGB 還是 CMYK?這要取決於你的設計最終的成品會置放於網站或是螢幕上觀看,還是需印刷實體,甚至是兩者皆有?

  • 印刷實體:CMYK
  • 螢幕觀看:RGB


RGB 及 CMYK

網路上也有些趣圖,可見網友對於這兩者混合模式的見解。RGB 相較於 CMYK 飽和以及鮮豔,有時我們在電腦製作好設計圖時,實際印刷的成品可微微看出較不飽和或黯淡一點,所以部分的設計師會將印刷的檔案顏色的對比做得較明顯,或將顏色調整更飽和一些。


小補充

  • 並置混合:將不同色彩,以細密的點將不同色彩排列在一起,在一定的距離觀看時,各種色點會混合,並形成不同的顏色,又稱為視網膜混色、中間混和、中性混和。並置混合也應用在紡織品、彩色電視映像管、點描派畫家技法等等。
  • 旋轉混合:將不同色彩置於轉盤上,經由快速旋轉,色彩快速連續刺激視網膜上的感色細胞所形成混色,又稱連續加法混色。
想了解更多?你可以搜尋以下字:四色黑、印刷顏色校正、印刷概論、印刷方式。


色彩的對比

在了解對比之前,要先知道有兩類:色彩的同時對比、色彩的繼續對比,這兩者意思就如同字面所說,是同時還是連續觀看?


色彩的同時對比

顧名思義指色彩在同時間的狀況下,相鄰或相近的色彩,相互比較和影響。

可見圖中不同的色彩擺放位子與順序,會影響顏色的強度,例如左側的淡粉色與黃色的對比很不顯眼。但是當我們將同時對比運用在互補色的時候會非常明顯,甚至是崩壞,可見右側的紅與綠互相搭配時,兩色互相影響,產生 「色滲現象」,將相鄰的邊界形狀破壞。

防止色滲現象可在色彩間加上間隔的空隙線。

同時對比色彩的明度和彩度,會形成強者更強,弱者愈弱的效果。而對比色 彩愈接近補色時,彩度相互強化愈明顯。

比起了解不同的對比如:色相對比、明度對比、彩度對比、補色對比、面積對比等,更該了解他們所產生的不同現象。

如:色陰現、象薄暮現象、褪色現象、光滲現象等等,在此也特別舉出色陰現象。


色陰現象(色滲現象)

對比兩色在接近鄰接線處,有時會有色陰現象產生,可在交界間,加上白、灰、黑、金、銀等色隔離,可使對比色彩更協調。

若要設計出協調的配色,應避免使用強烈的互補色,了解其他現象所造成的結果,可幫助我們在配色選色時更加準確。


最後的碎碎唸

以上是初學者可了解的色彩原理,網路或市面上也有許多的書籍,因為這不是要用來考試的,比起死背,理解及了解原理會更好,這些知識都是環環相扣的,再加上自身的經驗,就能隨心所欲的運用在實作中。

配色和色彩心理也是其中的一部分,當然還有包括傳統配色等等,但他們可以講得太多了,所以就不在這提出囉。

換帳號唷
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
不論是平面設計、介面設計,都能見排版這一詞。而排版的作用,即在明確的設計目標中,將所有元素做有組織的安排,精確地傳達訊息。
如果你能即使沒有繪畫基礎,仍然會鼓勵你養成手繪的習慣。設計師大多具備草稿繪製的能力,這項能力的功用並不是要我們變得很會畫畫,而是培養「觀察」與「表現」的能力,藉由這樣的練習,不斷累積視覺經驗及提升捕捉細節的敏銳度。
善用好讀的排版指南,提高使用者持續閱讀的意願。主軸將圍繞於好讀,雖與視覺排版相近,卻有些許的不同;本文所提及到的任何觀念,來自於經驗或是過去所學,不須奉為圭臬,而是理解與體會。
視覺層級並不侷限於平面設計,在用戶體驗及介面上更是一個重要的核心之一。視覺層級除了讓畫面的視覺編排更加精緻好看,更重要的功能是能讓畫面有效地被組織,讓觀者更容易理解。
如果你能保持穩定吸收,就能保持穩定輸出。你的靈感總是像曇花一現,來了就走了?還是像枯竭的青春,一去不復返?不管是不是創作者,都會面臨這困境;經過多次的體驗,終於找到了答案「如果你能保持穩定吸收,就能保持穩定輸出」。
素描擁有那無法比擬的美感,藏著你的氣息。素描是所有繪畫的基礎,甚至是設計的基礎。運用簡單的線條筆觸,加上輕重緩急,就能繪製出各種畫面。
不論是平面設計、介面設計,都能見排版這一詞。而排版的作用,即在明確的設計目標中,將所有元素做有組織的安排,精確地傳達訊息。
如果你能即使沒有繪畫基礎,仍然會鼓勵你養成手繪的習慣。設計師大多具備草稿繪製的能力,這項能力的功用並不是要我們變得很會畫畫,而是培養「觀察」與「表現」的能力,藉由這樣的練習,不斷累積視覺經驗及提升捕捉細節的敏銳度。
善用好讀的排版指南,提高使用者持續閱讀的意願。主軸將圍繞於好讀,雖與視覺排版相近,卻有些許的不同;本文所提及到的任何觀念,來自於經驗或是過去所學,不須奉為圭臬,而是理解與體會。
視覺層級並不侷限於平面設計,在用戶體驗及介面上更是一個重要的核心之一。視覺層級除了讓畫面的視覺編排更加精緻好看,更重要的功能是能讓畫面有效地被組織,讓觀者更容易理解。
如果你能保持穩定吸收,就能保持穩定輸出。你的靈感總是像曇花一現,來了就走了?還是像枯竭的青春,一去不復返?不管是不是創作者,都會面臨這困境;經過多次的體驗,終於找到了答案「如果你能保持穩定吸收,就能保持穩定輸出」。
素描擁有那無法比擬的美感,藏著你的氣息。素描是所有繪畫的基礎,甚至是設計的基礎。運用簡單的線條筆觸,加上輕重緩急,就能繪製出各種畫面。
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
文摘:本文探討了指數化投資的概念和意義。指數化投資是一種投資整體市場的方式,以最低的成本參與市場的發展。與其挑選個別股票,投資於整體指數更容易獲得報酬。被動投資的優點在於分散風險、成本較低且透明,並且不需要持續研究調整投資組合,相對較輕鬆。主動投資則具有靈活性,可以選擇投資低估的價值股等。兩者都有優
Thumbnail
艾諾在書中一開始就表達了在父親過世後想著手寫關於父親的生平,以前不敢寫是怕別人覺得「我們不夠好」,我讀到這裡時被刺痛了一下,相同的陳述在《那不勒斯故事》中也有,她們花了幾十年的努力才離開原來的階級,如今又要把自己成長背景寫出來,但對於每個寫作者而言想逃避的不全是「階級」
Thumbnail
皮膚科應該是最常利用「光線」來當作治療皮膚問題的科別,而所有的相關治療就統稱為照光治療(Phototherapy)。臨床上分類會以實際的作用機轉細分成以下五大類:
Thumbnail
本熊會開始著手研究 NFT 的原因,除了包含創作者的好奇心驅使、心中對未來的 Web 3.0 世界有一份期待之外,另一個主要原因就是「社群」。即使從牛市來到熊市,本熊依然毫不猶豫地認為 NFT 之所以會擁有價值,大部分原因都是社群所賦予的,情況就像法定貨幣、法律、傳統觀念等。
Thumbnail
「五年」是一個不算太長也不算太短的時間,但對於發展迅速的 Web 3.0 世界來說,應該已經會進入下一個包含新技術的蜜月期,更何況世界已經開始從和平時代中脫離?雖然不想承認,但戰爭總是一個讓加速科技發展的關鍵,誰知道下一場戰爭降臨時,虛擬兵器會否造成現實損傷?
Thumbnail
今天想要跟大家介紹的就是直接把成分注射到真皮內的方式,這種方式有些可以當作治療皮膚疾病使用,有些則可以當作美容醫學處理使用,但要提醒大家這些都是醫療行為,僅限於醫師操作。
Thumbnail
有讀者提問: 1.如何評估個股的基本價值? 2.為何說淨值不一定能保護市值? 這當然是要看個股狀況去判斷,很難有標準化的方式,個人能提供的僅是在各別股票的判斷思路。
Thumbnail
磷酸雙酯酶(PDE)是細胞中重要的酵素,在身體不同細胞中有不同類別,目前已發現有11種主型(PDE1~PDE11),這酵素主要的功能就是將細胞內的第二信使(Second messenger)環狀核苷酸(環磷酸腺苷酸-cAMP或環磷酸鳥苷酸-cGMP)的磷酸二酯鍵水解,從而中止其所傳導的生化作用。
Thumbnail
其實當初很簡單,只是路過的時候 覺得很像香港,剛好與朋友也很喜歡線條明確的建築,不管是局部拍攝,或者long景,都很好看。 就這樣,我們輪流的過馬路。 相較於攝影的本科學識,我是遠不如我的朋友的,不過學問是死的,頭腦是活的。 這就是很有趣的地方,以往可能在拍與被拍之間,我是被拍比較多,但這也是
Thumbnail
比起日韓強勢席捲華人流行文化如此多年,泰國這個富有神秘色彩的國家的美學這幾年才以一種小眾、獨特、異域、靈性、高時尚的姿態進入這場競技盛典。泰式的敘事美學比起日式的悶、溫、敬、良,韓式的富、麗、艷、傲,更有一種純、騷、慾、野;令人坐如針氈、搔人心心念念。 在影像的美學上,泰國影集不避諱使用韓式的那種高
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
文摘:本文探討了指數化投資的概念和意義。指數化投資是一種投資整體市場的方式,以最低的成本參與市場的發展。與其挑選個別股票,投資於整體指數更容易獲得報酬。被動投資的優點在於分散風險、成本較低且透明,並且不需要持續研究調整投資組合,相對較輕鬆。主動投資則具有靈活性,可以選擇投資低估的價值股等。兩者都有優
Thumbnail
艾諾在書中一開始就表達了在父親過世後想著手寫關於父親的生平,以前不敢寫是怕別人覺得「我們不夠好」,我讀到這裡時被刺痛了一下,相同的陳述在《那不勒斯故事》中也有,她們花了幾十年的努力才離開原來的階級,如今又要把自己成長背景寫出來,但對於每個寫作者而言想逃避的不全是「階級」
Thumbnail
皮膚科應該是最常利用「光線」來當作治療皮膚問題的科別,而所有的相關治療就統稱為照光治療(Phototherapy)。臨床上分類會以實際的作用機轉細分成以下五大類:
Thumbnail
本熊會開始著手研究 NFT 的原因,除了包含創作者的好奇心驅使、心中對未來的 Web 3.0 世界有一份期待之外,另一個主要原因就是「社群」。即使從牛市來到熊市,本熊依然毫不猶豫地認為 NFT 之所以會擁有價值,大部分原因都是社群所賦予的,情況就像法定貨幣、法律、傳統觀念等。
Thumbnail
「五年」是一個不算太長也不算太短的時間,但對於發展迅速的 Web 3.0 世界來說,應該已經會進入下一個包含新技術的蜜月期,更何況世界已經開始從和平時代中脫離?雖然不想承認,但戰爭總是一個讓加速科技發展的關鍵,誰知道下一場戰爭降臨時,虛擬兵器會否造成現實損傷?
Thumbnail
今天想要跟大家介紹的就是直接把成分注射到真皮內的方式,這種方式有些可以當作治療皮膚疾病使用,有些則可以當作美容醫學處理使用,但要提醒大家這些都是醫療行為,僅限於醫師操作。
Thumbnail
有讀者提問: 1.如何評估個股的基本價值? 2.為何說淨值不一定能保護市值? 這當然是要看個股狀況去判斷,很難有標準化的方式,個人能提供的僅是在各別股票的判斷思路。
Thumbnail
磷酸雙酯酶(PDE)是細胞中重要的酵素,在身體不同細胞中有不同類別,目前已發現有11種主型(PDE1~PDE11),這酵素主要的功能就是將細胞內的第二信使(Second messenger)環狀核苷酸(環磷酸腺苷酸-cAMP或環磷酸鳥苷酸-cGMP)的磷酸二酯鍵水解,從而中止其所傳導的生化作用。
Thumbnail
其實當初很簡單,只是路過的時候 覺得很像香港,剛好與朋友也很喜歡線條明確的建築,不管是局部拍攝,或者long景,都很好看。 就這樣,我們輪流的過馬路。 相較於攝影的本科學識,我是遠不如我的朋友的,不過學問是死的,頭腦是活的。 這就是很有趣的地方,以往可能在拍與被拍之間,我是被拍比較多,但這也是
Thumbnail
比起日韓強勢席捲華人流行文化如此多年,泰國這個富有神秘色彩的國家的美學這幾年才以一種小眾、獨特、異域、靈性、高時尚的姿態進入這場競技盛典。泰式的敘事美學比起日式的悶、溫、敬、良,韓式的富、麗、艷、傲,更有一種純、騷、慾、野;令人坐如針氈、搔人心心念念。 在影像的美學上,泰國影集不避諱使用韓式的那種高