色彩學中3個重要的顏色DNA:色相、明度、彩度

在戴上有色眼鏡來大談色之前,我們先來談談顏色是什麼。

根據顏色在維基百科上的描述,顏色或色彩是眼、腦和我們的生活經驗對光的顏色類別描述的視覺感知特徵,其名稱有紅色、橙色、黃色、綠色、藍色或紫色等。這種對顏色的感知來自可見光譜中的電磁輻射對人眼視錐細胞的刺激。

1664年牛頓透過三稜鏡的分光實驗,使太陽光分出紅、橙、黃、綠、藍、靛、紫等色彩。而太陽光中電磁波的波長影響了我們對顏色的感知。在實驗中也發現,人類可以接收的波長約在312-745 nm之間,也就是所謂的可見光。

顏色的種類和顏色的物理規格是通過反射光的波長與物體相聯繫的。這種反射是由物體的物理性質決定的,如光的吸收、發射光譜等。但人對顏色的感覺不僅僅由光的物理性質所決定,還包含心理等許多因素,比如人類對顏色的感覺往往受到周圍顏色的影響。有時人們也將物質產生不同顏色的物理特性直接稱為顏色。

Visible spectrum
光譜範圍

什麼是色彩學中的色彩三屬性?

所謂的色彩三屬性為色相、明度、彩度

色相 Hue

色相顧名思義可以理解為色彩的長相,也可以理解為是一個區分色彩的名稱。也就是一般人在聯想到色彩時最直接的一個方法。而給色彩取名字的好處就是人們在不用看到色彩時,只要聽到色彩的名字,就可以聯想到色彩的顏色。例如:聽到紅色蘋果、黃色的香蕉、綠色的橘子,是不是你就在腦海中浮現出紅色、黃色、綠色的顏色了呢?然而色相因為電磁波波長的變化有無數種,但為了溝通方便,就有了色環的出現。

Color Wheel

亮度/明度 Lightness/Value/Brightness

在不同的色彩模型中,亮度有不同的定義。

HSL : 色相/飽和度/亮度,Hue/Saturation/Lightness

HSV : 色相/飽和度/明度,Hue/Saturation/Value

HSB : 色相/飽和度/亮度,Hue/Saturation/Brightness

三種模型其中亮度(或稱名度)的定義有些不同。在HSL模型中,亮度可以理解為色彩的明亮程度。此模型中的Lightness 指的是白色的深淺值我們可以把HSL的亮度想像成白色光的強度,L值越高,越亮越淡,L值越低,越暗越深。最亮的顏色白色,最暗的顏色為黑色。以下圖為例,以灰階色來表示,亮度最高的為白色,亮度最低的為黑色。

HUE

而在HSV跟 HSB模型中,其中的明度(Value/Brightness)可以理解為光強度的值。我們可以簡單想像房間中有一盞可調亮度的燈,在光源充足的時候,我們可以清楚的看到物體的顏色(不會全部物體都是白色),而在在慢慢調小燈直到全暗,物體的顏色的明度會慢慢變深,最後變為黑色。因此HSV模型下明度變化會如下圖

HUE

 而除了灰階色外,顏色的本身也有明度的區別。例如紫色的明度就會比粉紅色來得低。

HUE

那該如何判斷哪一種顏色的明度較高,哪一種較低呢?一個簡單的方式是可以用影印機將圖片列印黑白色或是用修圖軟體將圖片調整為灰階色,在沒有色相干擾下,就可以很容易判斷出明度的高低。

將照片調成灰階色後很容易看出明度的差異

彩度 Chroma/Saturation

彩度又可稱為純度、飽和度、色度。彩度是指色彩的鮮豔程度。也可以說是一個顏色的鮮豔/混濁的程度,彩度越高看起來越鮮豔,彩度越低看起來越混濁。而當一個顏色只有其本身的原色時,彩度是最高的,若該色彩添加了其他的顏色時,彩度就會相對變低。如下圖所示,中間為原色色彩,當混入黑色與白色向兩端漸變時,純度就會相對降低。

Chroma and Saturation

色調 Tone

在經典配色設計中,同色調設計配色是一個簡單且安全的配色方式。而所謂的同色調設計,並不是指單一的顏色,而是只在單一的色相中,調整其色調,做出層次的變化。而我們在討論色調的時候,通常都會用到三個名詞,

明色調 Tint : 一種與白色顏色的混合

暗色調 Shade:一種與黑色顏色的混合

色調 Tone:明色調與暗色調的混合

色調

對比 Contrast

在了解三種顏色屬性後,再簡單談一下各種屬性的對比。在平面設計中,高對比的設計可以讓主體元素更突出,讓觀眾一眼能夠抓到設計的重點。而低對比則可把各種元素更和諧的融合在一起。而設計師會透過調整顏色的三種屬性,來達到一個出色的設計。下面三個圖表示出三種不同屬性的對比差異。

contrast
contrast
contrast

延伸閱讀

WGSN x Coloro預測的2022年春夏的流行色

2021春夏 WGSN與Coloro 預測的5個顏色流行趨勢