【色彩理论】基本概念

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

基本概念有：

原色（Primary color）
二次色（secondary color）
三次色（Teriary color）
颜色的温度（temperature）
单色（hue）
色彩饱和度（saturation）和灰调（tones）
灰度值（value）
暗调（shade）
亮调（tint）

之后，基于这些术语，定义的配色方案（color scheme）相关的概念：

单色系配色方案（Monochromatic Scheme）
互补色配色方案（Complementary colors）
邻近色配色方案（Analogous Scheme）
正三角形配色方案（Triadic Scheme）
互补色的相邻色配色方案（Split-Complementary Scheme）
双互补色配色方案（Tetradic Scheme）
正方形配色方案（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

Dersu