【色彩理论】基本概念

本文介绍色彩理论（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 颜色名称
【色彩理论】配色方案举例
【色彩理论】色彩心理学
【色彩理论】如何选择配色方案