0%

色彩学基础

色彩模型、色彩搭配

色彩模型

RGB与CMYK

RGB/CMYK

RGB(Red, Green, Blue) 红 绿 蓝
CMYK(Cyan, Magenta, Yellow, blacK) 青(天蓝) 品红 黄 黑

三原色我们都熟悉
RGB是光的三原色,在点电子显示领域广泛应用,是最常见的颜色模型
但其实三原色分为光的三原色和颜料的三原色,两者并不相同:前者为RGB,后者为CMY。其原因在于,颜色是由光的频谱(波长分布)决定的,而日常物品不发光,我们看到是光源的光(白光)经过物品表面反射,吸收后剩余的光;电子产品则是自发光,我们看到的就是光源的光。

在RGB中R, G, B三种颜色取值分别在0-255

色环上关于圆心对称的两种颜色是互补色

HSV/HSL

HSL and HSV
如何通俗地解释色彩三要素
设计师是如何记住这么多颜色的 CMYK 或 RGB 值的
色彩空间中的HSL、HSV、HSB有什么区别
http://www.colorizer.org/
色相,明度,冷暖,纯度

Color

色相 饱和度 明度
HSL(Hue, Saturation, Lightness) 色相 饱和度 亮度
HSB(Hue, Saturation, Brightness) 色相 饱和度 亮度
HSI(Hue, Saturation, Intensity) 色相 饱和度 亮度
HSV(Hue, Saturation, Value) 色相 饱和度 亮度
H, Hue色相、S, Saturation饱和度

色相取值为0-2pi,对应色盘/色环的角度方向,0为红色;代表颜色的类别或者说光的波长。这里只考虑单色光/纯色。
饱和度取值为0%-100%,对应色盘的径向,0为灰色;代表颜色的鲜艳程度或者说纯度。从光学角度看,频谱越窄,主色成分越多,颜色越纯,饱和度就越高,单色光/纯色饱和度最高;与之相对,混入的白色越多,颜色就越淡,饱和度越低。加入饱和度后颜色就不再是纯色。
需要注意的是,虽然同样被称为饱和度,但在HSB与HSV中的对于饱和度的具体定义是不一样的,主要是因为B和V的不同。
L、V都是亮度,但是两者对于

光学理解

色相:色相是对纯色而言,对应于单色光的波长。对于HSV模型,亮度和饱和度都是100%时,颜色为纯色,此时我们所看到的颜色就是色相。
饱和度:代表频谱中主色与白色的占比(此时颜色不再是纯色)。频谱越窄,主色成分越多,颜色越纯,饱和度就越高;与之相对,混入的白色越多,频谱越延展,颜色就越淡,饱和度越低;单色光/纯色饱和度最高,灰色饱和度最低。阴天饱和度会较低,而雨后饱和度则会相对高。
亮度:对应于光谱的强度
对比度
锐度
冷暖色调(色温):色温是对黑体而言的,黑体在不同温度下呈现不同的辐射光谱,据此可以大致推断光谱所对应的温度(色温)。色温由低到高对应于中心频率由低到高,颜色则是由红到蓝,刚好与人们大脑中的冷暖色调刚好相反。其原因在于,人们对于冷暖色调的认知建立在生活经验之上:日常接触的高温物体,如火焰、太阳,大多偏黄色,更高温的物体,比如纯青的炉火(“青”指蓝色)日常中很少能接触到;与之相对,低温的如湖水、寒冰则偏蓝色。
曝光

色彩搭配

三分钟帮你快速入门极简色彩学

Graphic Design

Small guide on how I apply color theory to my paintings and illustrations

配色网

Donate if you enjoy this content.