- 網頁+App UI配色設計教程
- 張曉景編著
- 1240字
- 2021-07-07 16:15:26
1.2 色彩屬性
世界上的色彩千差萬別,幾乎沒有完全相同的色彩,但只要有色彩的存在,每一種色彩就會同時具有三個基本屬性:色相、明度和飽和度。它們在色彩學上被稱為色彩的三大要素或色彩的三個屬性。
1.2.1 色相表現出不同的色彩意象
色相是指色彩的相貌,是一種顏色區別于另外一種顏色的最大特征。色相體現著色彩外向的性格,是色彩的靈魂。各種色相是由射入人眼的光線的光譜成分決定的。
在可見光譜中,紅、橙、黃、綠、藍、紫每一種色相都有自己的波長與頻率,它們從短到長按順序排列,就像音樂中的音階順序,有序而和諧,光譜中的色相反射著色彩的原始光,它們構成了色彩體系中的基本色相。

色相可以按照光譜的順序劃分為:紅、紅橙、黃橙、黃、黃綠、綠、綠藍、藍綠、藍、藍紫、紫、紅紫12個基本色相。
提示
12色相的色調變化,在光譜色感上是均勻的。如果想要進一步找出其中間色,則可以得到24色相。基本色相之間取中間色,即得到12色相環,再進一步便可以得到24色相環。在色相環的圓圈里,各色相按照不同色度排列,12色相環每一色相間距為30°,24色相環每一色相間距為15°。
1.2.2 明度體現出色彩的明暗程度
明度是眼睛對光源和物體表面的明暗程度的感覺,主要是由光線強弱決定的一種視覺經驗。
在無彩色中,明度最高的色彩是白色,明度最低的色彩是黑色。在有彩色中,任何一種色相都包含明度特征。不同色相的明度也不同,黃色為明度最高的有彩色,紫色為明度最低的有彩色。任何一種顏色加入白色,都會提高明度,白色成分越多,明度也就越高;任何一種顏色加入黑色,都會降低明度,黑色成分越多,明度也就越低。

提示
明度是全部色彩都有的屬性,明度關系可以說是色彩搭配的基礎。在設計中,色彩的明度最適合用來表現物體的立體感和空間感。
1.2.3 飽和度決定了色彩的鮮艷程度
飽和度是指色彩的強度或純凈程度,也稱為彩度、純度、艷度或色度。對色彩的飽和度進行調整,也就是調整圖像的彩度。飽和度表示色相中灰色分量所占的比例,它使用0%(灰色)~100%的百分比來度量,當飽和度降低為0%時,就會變成一個灰色圖像,提高飽和度會增加其彩度。在標準色相環上,飽和度從中心到邊緣遞增。
同一個色相的顏色,沒有摻雜白色或黑色則被稱為純色。在純色中加入不同明度的無彩色,會出現不同的飽和度。以紅色為例,在純紅色中加入一點白色,飽和度下降,而明度提升,變為淡紅色。繼續增加白色的分量,顏色會越來越淡,變為淡粉色;如果加入黑色,則相應的飽和度和明度同時下降;如果加入灰色,則會失去光澤。

(飽和度階段圖)

(飽和度的變化)
提示
飽和度受到屏幕亮度和對比度的雙重影響,一般亮度、對比度高的屏幕可以得到很好的色彩飽和度。

提示
不同色相的飽和度也是不相等的。例如,飽和度最高的顏色是紅色,黃色的飽和度也較高,但綠色的飽和度僅能達到紅色飽和度的一半左右。在人們的視覺所能夠感受到的色彩范圍內,絕大部分是非高飽和度的顏色,也就是說,大量都是含有灰色的顏色,有了飽和度的變化,才使得色彩顯得極其豐富。同一個色相,即使飽和度發生了細微的變化,也會帶來色彩的變化。