色彩配置與調和理論

色彩配置對於部落格網頁樣版有著舉足輕重的關係，了解色彩關係，可以從

21

色彩變化的規則中，尋找出讓人舒適的色彩配置方法，提升觀看者的共感。由於 生活環境的色彩並非都由單一顏色所組成，所以色彩學者們致力於將各種顏色排 列起來比較與判斷，發展出色彩的系統與印象座標，以便進行特定目地的配色。

首先對於色彩配置時會產生的知感覺是如何產生？又色彩相互之間的關係為何？

需要先進行了解。

一、色彩配置的知覺與感覺

(一) 生理知覺

由於色彩是經由光線折射刺激大腦的視覺歷程產生，所以不同顏色會產生不 同生理知覺的差異（魏碩廷.，2007）：

1. 前進色與後退色

反射波長較長的色彩聚焦點在視網膜後方，波長較短的色彩聚焦點在視網膜前 方，產生眼睛調整後會有長波長的色彩感覺較近、短波長的色彩感覺較遠的影 響。

2. 色彩對比

對比差異性出現在觀看兩種色彩的時候，第二種色彩會出現的現象，如圖 2-2：

2.1 邊緣對比：由於大腦組織在處理相近或相鄰的色彩會有強化的效果，

所以在不同色彩相接的地方會有明顯界線而產生有深淺的感覺，但 其實每條色彩皆為同色。

2.2 明度對比：相同明度的顏色放於不同明度的背景色上，會感覺明度 有落差。

2.3 色相對比：注視左邊紅色背景時，在觀看右邊的前景色會增加黃色 的感覺。

2.4 彩度對比：相同顏色放於不同背景色會因為背景顏色的彩度高低，

而有彩度高低不一的感覺。

22

圖 2-2： 色彩對比

資料來源：魏碩廷（2007）。數位色彩之設計與應用。（頁 24）

3. 色面積

面積大小會增強或減弱對顏色的感覺，深色調的顏色在大面積中會覺得色調 更深，淺色調的顏色在大面積中會覺得色調更淺，反之，小面積的色彩會不 容易分辨其色差，也就是說小面積的色彩對於整體色彩的影響度不大。

4. 色彩視認性

由於色彩屬性（主要是明度）差異，不同顏色在同樣光線、大小、型態、距 離下，會有較容易辨識與不容易辨識的特性。前景色與背景色的差異越大，

視認性越高。

(二) 心理感覺

色彩刺激透過大腦與其他區域連結，由於不同經驗、文化、背景會產生心理的 色彩感覺差異：

1. 色彩意象（color image）

「色彩意象，簡言之就是色彩讓人產生的心理感覺與感情」（陳俊宏、楊東 民，2008），我們對於色彩的情感與形容常會因為種族、文化背景與傳統習 俗等…影響。比如：生活中，環境與季節都有相關的色彩聯想，使得色彩在

23

感覺的意象上也會有所不同，紅色、橙色會聯想到太陽等等溫度較高的現象，

故會有溫暖的感覺，聯想到血液，代表紅色有危險的意象。藍色、綠色則聯 想到海水、綠蔭，所以會有寒冷的感覺。

2. 色彩印象座標

每個人對於色彩的印象形容詞不盡相同，為了實際生活使用方便，日本色彩 研究所試圖將色彩感受具體化，將概念、語言、印象等抽象語彙，以直向標

（SOFT─HARD）、橫向座標（WARM─COOL）整理出色彩印象座標（圖 2-3）

與色彩語意意象尺度表（圖 2-4）提供設計配色參考範例。

圖 2-3： 色彩印象座標

資料來源：伊達千代（2008）。色彩的準則。（頁 27）

24

圖 2-4： 色彩語意意象尺度表（Color Image Scale System）

資料來源：楊朝銘（譯）（2003）。web 好色-網頁色彩學（原作者：Image Research Institute Inc.）。（頁 30）

日本色彩研究所並且在 1965 年開發實用的色彩配色系統（P.C.C.S，Practical Color Co-ordinate System），原本是應用於色彩教育為主，後來被廣泛使用於設 計、生活色彩研究、商品開發、色彩印象等等…。使用色彩跟詞彙搭配的座標可 以快速尋找出一般大眾對於該形容詞的色彩印象。

二、色相的配色

色彩的屬性有：色相、明度與彩度，色相就是指在色相環上不同的顏色，如 圖所示，以紅色色相為基準，分為十等分，依序為：紅色、橙色、黃色、黃綠色、

綠色、青綠色、藍色、錠色、紫色、紫紅色。類似的色相就是在色相環上相鄰的 色彩，使用同一色相或是類似色相配，會給予人們安定、規律、沉穩的感覺。

25

圖 2-5： 色相表

資料來源：楊朝銘 譯（2003）。web 好色-網頁色彩學（原作者：Image Research Institute Inc. ）。（頁 21）

在色相搭配的方式可分為下列兩種：

(一) 單一/類似色相：呈現優美、有條理的感覺，可以從色相環中選取順序的顏 色，如三角形、正方形、或五角形，在明度與彩度統一的方式下，也可選出均衡 的色彩搭配。

(二) 對比色相：呈現明快、強烈的感覺，從色相環中選擇對角線的色彩，或是對 比色彩相鄰的兩色。

三、色調的配色

色調也稱為 Tone 調，較強調感覺，以明度與彩度差異所組合，其中以明度 影響較大，這是色調配色的基本概念，使用亮色調會有鮮明活力的感覺，使用暗 色調則有沉穩的印象，圖 2-3 是以 10 個色相為行，12 種 Tone 調為列，以 120 種 色彩組成的色調概念表，該色彩是以美國國立標準局 ISCC-NBS（Inter-Society Color Council – National Bureau of Standards）制定的色彩命名為基礎。

26

圖 2-6： Inter-Society Color Council 色調概念圖

資料來源：林美惠（譯）（2010）。玩美色計─教你一天學會色彩原理（原作者：

金鎮漢）。（頁 106）

(一) 以色調配色：必須限制顏色的數量才能呈現色調配色的感覺，使用色調搭配 方式也可分為下列兩種：

1. 類似色調：給人沉靜，有簡潔的感覺，運用色調相鄰的幾個色調可以呈 現有次序的感覺。

2. 對比色調：此配色方法比類似色調更能給人強烈的印象，使用色調間差 異較遠的顏色搭配。

(二) 漸層的配色：將顏色依照順序排列擺放，可以呈現出次序的感覺，表現漸層 配色的效果，較常見的方式為下列兩種。

1. 色調漸層：選取單一顏色後利用明度或彩度的差異（主要是明度），排 序後可以有效率地呈現出漸層配色。

2. 色相漸層：以色相環為基礎，依序選取顏色後做排序，使用此配色方式 時，使用類似色相內的兩個顏色做漸層，較能呈現調和的感覺。

27

圖 2-7： 色調漸層與色相漸層範例圖 資料來源：研究整理

這些配色方法廣泛使用於目前生活環境中，組成方法受色彩學調和理論影響 極深，將由下段探討之。

四、色彩調和理論

生活中常有兩種或兩種以上顏色搭配的情況，色彩與色彩如何調和出令人心 理上產生美感的效果，一直以來都是色彩學者所關心的議題。為了進行有次序並 且讓人感到愉悅地的配色，比起單純靠使用者喜好度與感覺，使用色彩調和理論 配色會是比較容易在龐大的色彩體系組織中找出適當搭配顏色的方法。剛剛提過 配色通常是以色相（Hue）、明度（Value）、彩度（Chroma）三種屬性所構成，

色相環（color circle）為圓周型態呈現色彩立體化的方式，是設計師配色時方便 使用的工具，不同的理論呈現的色相環也不盡相同。

現在網頁在螢幕呈現的色彩是以三原色色光（紅、綠、藍）混合而成，最早 在 1802 年由英國湯瑪士‧楊格（Thomas Young）所發現，然後 19 世紀初法國 雪佛勒（Michel Engine Chevreul），研究色彩與調和之間的關係，認為有「類似 性的調和」以及「對比性的調和」，自此色彩調和理論陸續萌芽，現代色彩應用 以曼賽爾（Alber H.Munsell）及奧斯華德（Wihelm Ostwald）兩位學者所研發的 色彩體系為最普遍被使用的理論。

(一) 曼塞爾（Munsell）

美國美術教育學者曼賽爾（Albert H. Munsell, 1912）在色彩空間以色相（H）、

明度（V）、彩度（C）表示的曲線與直線關係中找到調和色彩。如圖 2-8 所示，

認為在色彩系統的球體中間值線當作是色彩的平衡點，任何通過中心線的色彩都 會互相調和，在此規則下顏色的彩度越高，所使用的範圍必須越小的定性原理，

28

也被後來研究調和理論的學者採用，在曼賽爾色彩空間，首先使用十進位來表示 彩度，每個色彩的彩度不同，因此形成的色立體會有不規則的狀態，目前日本工 業規格（JIS）就是以曼賽爾的色彩體系為基礎發展出來的。

圖 2-8： 曼塞爾色彩系統簡圖

資料來源：研究整理自鄭柏左（2004）。色彩理論與數位影像。（頁139）

(二) 慕恩（Moon, P.）和史賓賽（Spencer）

慕恩 Moon 與他的助理史賓賽 Spencer（1923） 嘗試在以曼賽爾色立體為基 礎的 Omega 色彩空間中，以過去主觀的美術家經驗為基礎輔以科學性操作研究，

建立色彩幾何學關係而得到的配色調和理論。主要認為調和配色有三種：單一調 和（identity）、類似調和（dimilarity）、對比調和（contrast）三種，他認為小 面積宜用高彩度的色彩，大面積宜用低彩度的色彩，容易獲得色彩上的平衡。

他們以定量的角度計算出色彩調和的程度，如圖 2-9 所示，C1、C7 為第一 不調和範圍，C3、C5 為第二不調和範圍，在實際配色上需要在調和的色彩之外 加一的平衡點也就是 C4 的範圍，才能產生心理性愉快的配色效果。

29

圖 2-9： 色相的調和與不調和範圍

資料來源：研究整理自林美惠（譯）（2010）。玩美色計─教你一天學會色彩原 理（原作者：金鎮漢）。（頁 139）

(三) 奧斯華德（Ostwald）

化學家奧斯華德在 1922 年發表的色彩調和理論，認為「調和是有秩序的」，

配色是可以依照系統定量化的規則進行，顏色的 3 個屬性要有秩序的排列，才能 產生愉快的感覺，因為是以白（W）、黑（B）、純度（C）關係來等分配色系 統，所以相對上實用且容易瞭解，並且因為 CHM 以此為基礎的解說書「Basic Color」大量發行，讓奧斯華德的色彩調和論更為廣泛被大眾了解，進而被運用 在各個領域中，歸納其色彩調和理論規則如下：

1. 無彩色中的等距三色可以調和。

2. 任何色彩都和白與黑可以調和。

3. 色彩調和須要有一定秩序排列。

4. 明度彩度相同，色相不同的顏色可以調和。

5. 配合兩個以上的顏色，強調色在主要色彩正對面的位置，顏色會調和。

5. 配合兩個以上的顏色，強調色在主要色彩正對面的位置，顏色會調和。