【色彩理论】基本概念

时间:2024-03-07 16:03:28

本文介绍色彩理论(Color Theory)基本概念和配色方案,转述Youtube上Carolina的教学[1]。 Carolina的图示用的色轮是绘画色轮。

基本概念有:

  1. 原色(Primary color)
  2. 二次色(secondary color)
  3. 三次色(Teriary color)
  4. 颜色的温度(temperature)
  5. 单色(hue)
  6. 色彩饱和度(saturation)和灰调(tones)
  7. 灰度值(value)
  8. 暗调(shade)
  9. 亮调(tint)

之后,基于这些术语,定义的配色方案(color scheme)相关的概念:

  1. 单色系配色方案(Monochromatic Scheme)
  2. 互补色配色方案(Complementary colors)
  3. 邻近色配色方案(Analogous Scheme)
  4. 正三角形配色方案(Triadic Scheme)
  5. 互补色的相邻色配色方案(Split-Complementary Scheme)
  6. 双互补色配色方案(Tetradic Scheme)
  7. 正方形配色方案(Square Scheme)

一. 基本概念

1. 原色(Primary color)

原色可以调配出任意颜色,但不可以被其他颜色调配出。

在绘画色轮,原色是红蓝黄(Red Blue Yellow)(如图1示)。

在打印机色轮,原色是青紫黄黑(Cyan Magenta Yellow blacK)。

在计算机色轮,原色是红绿蓝(Red Green BLue)。

图1:原色(Primary color)

2. 二次色(secondary colors)

由红黄蓝三原色可以组合出二次色橙绿紫(如图2示)。 这样就组成6个基础色(《米奇妙妙屋》中唱的:红橙黄绿蓝紫)。

图2:二次色(secondary colors)

3. 三次色(Teriary color)

由三原色和二次色相邻色组合生成三次色(如图3示):橙红(Red-Orange)、紫红(Red-Purple)、紫蓝(Blue-Purple)、蓝绿(Blue-Green)、黄绿(Yellow-Green)、橙黄(Yellow-Orange)。这样就组成基础的色轮(color wheel)。

图3:三次色(Teriary color)

4. 颜色的温度(temperatures)

颜色的温度(temperatures,如图4示)有:1)暖色(warm colors);2)冷色(cool colors)。
相对的颜色(opposite colors)造成视觉对比,有不同的心理感受。暖色一般会有bright, cheerful and happy的感受。冷色有给人dark, mysterious and gloomy的感受。
图4:颜色的温度(temperatures)

5. 单色(hue)

W3C给定义了140中颜色名字。实业界也有自己的名字,例如:Chantilly Lace OC-65
图5:单色(hue)
 

6. 色彩饱和度(saturation)和灰调(tones)

色彩饱和度(saturation,如图6示)在W3C HSL RGB Color Model相当于水平变化(如图7示),在颜色中增加灰色,越来越接近中轴。
直觉理解是colorfulness。中文中saturation有的翻译是纯度。与灰色相对,desaturated表示越来越灰,high saturated表示色彩越鲜明,色度越大。
 
 
图6:饱和度(saturation)
 
图7:W3C HSL RGB Color Model
 
saturation主要用于color schemes中的灰调(tones),灰调的各阶颜色称为色度(chromaticity, chroma)[2]。
Carolina图示中的红色用Mac Digital Color Meter提取,RGB是(195,41,28),色号是#c3291c。
如果在ColorHexa网站输入,可以得到对应灰调系列颜色(如图8示)。
 图8:某红色的灰调(tones)
 

7. 灰度值(value)

灰度值(value,如图9示)在W3C HSL RGB Color Model(如图7示)中是黑白纵轴的亮度(brightness)或暗度(darkness)的值。
图9:灰度值(value)

8. 暗调(shade)

暗调(shade)单色中增加黑色,从RGB值序列看,RGB value都下降终极目标是白色,即RGB值都0%,即#000000,如此按比例靠近。可翻译成「暗调」。
图10:暗调(shade)
 

9. 亮调(tint)

Tint 单色增加白色,从RGB值序列看,RGB值都增加,终极目标是白色,即RGB值都100%,即#FFFFFF,如此按比例靠近。可翻译成「亮调」。
图11:亮调(tint)
 
在ColorHexa网站中上例红色(#c3291c)的暗调和亮调连接起来如图12显示。
图12:某红色的暗调(shades)和亮调(tints)
 
在W3C HSL RGB Color Model(如图7示)看,灰调(tone)是某单色水平靠近和远离中轴的颜色;暗调和亮调是某单色平行中轴向上和向下的颜色。
以下介绍配色方案。

二. 配色方案(color scheme)

配色方案(color scheme)指在一个创作中选择多种颜色。

图13:配色方案(color scheme)

1)单色系配色方(Monochromatic Scheme)

单色系配色方案(Monochromatic Scheme,如图14示)使用暗调、亮调、灰调。

图14:单色系配色方案(Monochromatic Scheme)

2)互补色配色方案(Complementary colors)

互补色配色方案(Complementary colors,如图15示)大自然中很多见,如红花绿色,但需要一种颜色占支配地位(dominant)[3]。
图15:互补色配色方案(Complementary colors)

3)邻近色配色方案(Analogous Scheme)

邻近色配色方案(Analogous Scheme,如图16示):选色轮中相邻的2-4色。

图16:邻近色配色方案(Analogous Scheme)

4)正三角形配色方案(Triadic Scheme)

正三角配色方案(Triadic Scheme),用于卡通,有愉快的效果[3]。

图17:正三角形配色方案(Triadic Scheme)

5)互补色的相邻色配色方案(Split-Complementary Scheme)

互补色的相邻色配色方案(Split-Complementary Scheme,如图18示):互补色的相邻色三色配色方案
图18:互补色的相邻色配色方案(Split-Complementary Scheme)

6)双互补色配色方案(Tetradic Scheme)

双互补色配色方案(Tetradic Scheme):选择两对互补色四色配色方案,又称矩形配色方案。

图19:双互补色配色方案(Tetradic Scheme)

 

7)正方形配色方案(Square Scheme)

正方形配色方案(Square Scheme,如图20示):选择正交的两对互补色。

图20:正方形配色方案(Square Scheme)

 

 

参考:
[1]Carolina, Simple Art Tips, Color Theory Basics, 2015-07-27, Youtube, https://www.youtube.com/watch?v=L1CK9bE3H_s 
[2]「What do Hue, Chroma, Saturation, Value, Tones, Tints, Shade, etc. mean?」,https://photo.stackexchange.com/questions/14820/what-do-hue-chroma-saturation-value-tones-tints-shade-etc-mean
[3]Blender Guru, Understanding Color, 2014-02-27, https://www.youtube.com/watch?v=Qj1FK8n7WgY

 

相关:

【色彩理论】初步直觉
【色彩理论】Hue 颜色名称
【色彩理论】配色方案举例
【色彩理论】色彩心理学
【色彩理论】如何选择配色方案