色彩理论
面对五彩斑斓的世界,我们的认知是混乱的。这一章的核心任务是:为混乱的颜色建立一个基本的分类框架。就像我们不能只靠“好人/坏人”来判断一个人,我们也不能只用“红色/蓝色”来定义颜色。我们需要一套基础的“颜色坐标系统”,把颜色拆解成几个独立、可测量的维度,这是所有后期调色模型(HSL、RGB、CMYK)的底层逻辑。
色彩的基本分类:⾊彩分为五彩⾊和有彩⾊两⼤类。
![图片[1] - 色彩原理【掌握色彩,拍出高级感。】 - 岁有余生](https://img.syys.chat/uploads/20260613075029278.png)
无彩色与有彩色
无彩色 (Achromatic Color)
- 定义:指黑白灰系列。它们不具备色相(没有红、绿、蓝的区分)和饱和度(不鲜艳)。
- 特征:无彩色只有明度这一个维度上的变化。纯黑明度最低,纯白明度最高,中间全部是不同明度的灰。
- 精确解释:从物理光学上讲,无彩色物体反射的光线中,所有可见光波长的强度是均匀混合的,因此没有占据主导的色光。例如,纯白物体反射几乎所有可见光,纯黑物体吸收几乎所有可见光。
有彩色 (Chromatic Color)
- 定义:除去黑白灰之外的所有颜色(红、橙、黄、绿、青、蓝、紫等)。
- 特征:有彩色同时具有色相、饱和度、明度三个属性。任何一个有彩色都是这三个维度的综合结果。
💡 易错点/辨析
“灰色也是颜色吗?”
– 是的。在色彩学里,灰色(无彩色)是有严格定义的,它和我们日常说的“灰色衣服”是一致的。它只是缺少了“彩色”的属性。
“为什么说无彩色没有饱和度?”
– 饱和度描述的是色彩的纯净程度,衡量一种颜色中“彩色成分”与“灰色成分”的比例。无彩色中彩色成分为0,所以饱和度恒定为0%。我们不能说“这个灰色很鲜艳”,这就是理论上的矛盾。这也是为什么在HSL模型中,调整饱和度对黑白灰不产生任何彩色变化。
“灰色也是颜色吗?”
– 是的。在色彩学里,灰色(无彩色)是有严格定义的,它和我们日常说的“灰色衣服”是一致的。它只是缺少了“彩色”的属性。
“为什么说无彩色没有饱和度?”
– 饱和度描述的是色彩的纯净程度,衡量一种颜色中“彩色成分”与“灰色成分”的比例。无彩色中彩色成分为0,所以饱和度恒定为0%。我们不能说“这个灰色很鲜艳”,这就是理论上的矛盾。这也是为什么在HSL模型中,调整饱和度对黑白灰不产生任何彩色变化。
色相
解决了“什么是有彩色”之后,我们首先需要识别“它是哪种彩色”。这就是色相。
![图片[2] - 色彩原理【掌握色彩,拍出高级感。】 - 岁有余生](https://img.syys.chat/uploads/20260613081953903.png)
色相 (Hue)
- 定义:色相是色彩的首要特征,是区分不同颜色的最基本的标准。它由物体反射或透过的光线的主波长决定。
- 类比:色相就是颜色的“名字”和“人脸”,看到红色,我们不会叫它蓝色。
色彩的命名体系
红、橙、黄、绿、青、蓝、紫 —— 这是粗略的、感性的叫法。
但也有一些自定义高级颜色名,例如在“中国色”网站中的“山茶红”、“月白”、“鸦青”等。
在专业软件中,每个颜色都有一个唯一的十六进制颜色码(如#FF0000 代表纯红 ),这是精确到数字的色相定义;
红、橙、黄、绿、青、蓝、紫 —— 这是粗略的、感性的叫法。
但也有一些自定义高级颜色名,例如在“中国色”网站中的“山茶红”、“月白”、“鸦青”等。
在专业软件中,每个颜色都有一个唯一的十六进制颜色码(如
饱和度
当确定了一种色相(比如红色)后,我们还要描述它“红得有多纯”。是鲜红的苹果,还是脏红的水泥地?这取决于饱和度。
![图片[3] - 色彩原理【掌握色彩,拍出高级感。】 - 岁有余生](https://img.syys.chat/uploads/20260613082536293.png)
饱和度 (Saturation)
- 定义:饱和度表示颜色的纯度或鲜艳程度。它描述了颜色中彩色成分相对于灰色成分(消色成分)的比例。
高低特征:
- 高饱和度:颜色鲜艳、强烈、纯净,如国旗红、蓝天。
- 低饱和度:颜色浑浊、柔和、发灰,如干枯的玫瑰色、灰调的水泥色。
- 饱和度为0:即为无彩色(黑白灰)。
💡 易错点/辨析
“饱和度越高,画面越好看吗?”
– 绝对不是。这是初学者最常见的误区。高饱和度易产生“艳丽廉价”感,而低饱和度(高级灰、莫兰迪色系)往往能营造出高级、典雅、耐看的氛围。饱和度是营造情绪和风格的关键工具,而不是衡量“好”的标准。
“降低饱和度会改变色相吗?”
– 严格来说,不会改变主波长。比如鲜红色降低饱和度后,依然会保持“偏红的倾向”,只是变成了灰红色或粉红色。但在实际后期中,过度降低饱和度可能导致颜色发黑发灰,视觉上感觉色相偏移了(尤其是偏暖色更容易显脏)。
“饱和度越高,画面越好看吗?”
– 绝对不是。这是初学者最常见的误区。高饱和度易产生“艳丽廉价”感,而低饱和度(高级灰、莫兰迪色系)往往能营造出高级、典雅、耐看的氛围。饱和度是营造情绪和风格的关键工具,而不是衡量“好”的标准。
“降低饱和度会改变色相吗?”
– 严格来说,不会改变主波长。比如鲜红色降低饱和度后,依然会保持“偏红的倾向”,只是变成了灰红色或粉红色。但在实际后期中,过度降低饱和度可能导致颜色发黑发灰,视觉上感觉色相偏移了(尤其是偏暖色更容易显脏)。
明度
这是连接“光的强弱”与“颜色的深浅”的核心维度。上一章的“光线强弱”直接影响物体颜色的明度。
![图片[4] - 色彩原理【掌握色彩,拍出高级感。】 - 岁有余生](https://img.syys.chat/uploads/20260613085625648.png)
明度 (Lightness)
- 定义:明度是指色彩的明暗程度。它反映了物体表面对光线的反射率。
- 重要性:明度是色彩中最稳定的元素,它独立于色相和饱和度。一张彩色照片转换成黑白照片后,丢失的是色相和饱和度信息,保留下来的只有明度信息。因此,明度决定了画面的“骨架”和“质感”(呼应上一节“如何拍出有质感的照片”——主次分明靠的就是明度反差)。
💡 易错点/辨析
“明度和亮度是一回事吗?”
– 在HSL模型中,明度(Lightness)和亮度(Brightness)有细微差别。简单理解,明度(L)更侧重于人眼感知的“亮不亮”,而亮度(B)更偏向物理上的光能量。在调色软件(如Lightroom的“曝光”滑块)中,通常调整的是亮度。
“明度只影响黑白吗?”
– 不对。明度同时影响有彩色(红、绿、蓝)和无彩色(灰)。调整任何颜色的明度,都会改变它在图像中的“分量”和视觉重量。明度对比是构图和建立视觉层次的根本(“主次分明”就是通过明度差异实现的)。
“明度和亮度是一回事吗?”
– 在HSL模型中,明度(Lightness)和亮度(Brightness)有细微差别。简单理解,明度(L)更侧重于人眼感知的“亮不亮”,而亮度(B)更偏向物理上的光能量。在调色软件(如Lightroom的“曝光”滑块)中,通常调整的是亮度。
“明度只影响黑白吗?”
– 不对。明度同时影响有彩色(红、绿、蓝)和无彩色(灰)。调整任何颜色的明度,都会改变它在图像中的“分量”和视觉重量。明度对比是构图和建立视觉层次的根本(“主次分明”就是通过明度差异实现的)。
色相、饱和度与明度的关系
![图片[5] - 色彩原理【掌握色彩,拍出高级感。】 - 岁有余生](https://img.syys.chat/uploads/20260613091103523.png)
色彩理论章节小结
◆ 色彩二分法:所有颜色分为无彩色(黑白灰,只有明度)和有彩色(具备色相、饱和度、明度三个属性)。
◆ 色彩三属性:色相(H)是颜色的“名字”,饱和度(S)是颜色的“纯净度”,明度(L/B)是颜色的“明暗度”。三者独立且共同决定一个颜色的最终呈现。
◆ 明度的核心地位:明度是色彩中最稳定的维度,决定了画面的“骨架”和视觉层次。将彩色照片转为黑白后,保留的只有明度信息。
◆ 避免常见误区:饱和度并非越高越好;降低饱和度不会改变色相的主波长;明度影响所有颜色,不仅是黑白。
◆ 色彩二分法:所有颜色分为无彩色(黑白灰,只有明度)和有彩色(具备色相、饱和度、明度三个属性)。
◆ 色彩三属性:色相(H)是颜色的“名字”,饱和度(S)是颜色的“纯净度”,明度(L/B)是颜色的“明暗度”。三者独立且共同决定一个颜色的最终呈现。
◆ 明度的核心地位:明度是色彩中最稳定的维度,决定了画面的“骨架”和视觉层次。将彩色照片转为黑白后,保留的只有明度信息。
◆ 避免常见误区:饱和度并非越高越好;降低饱和度不会改变色相的主波长;明度影响所有颜色,不仅是黑白。
色彩模型(上):HSL
根据刚刚了解到的色相 (Hue)、饱和度 (Saturation)、明度 (Lightness),我们就得到了第一个色彩模型,也是最常见的色彩模型:HSL模型,HSL模型的直观表现是一个圆柱体,它包含了所有颜色。理解这个圆柱的结构是掌握HSL的根基。
![图片[6] - 色彩原理【掌握色彩,拍出高级感。】 - 岁有余生](https://img.syys.chat/uploads/20260613114124825.png)
核心概念:HSL圆柱体 (HSLCylinder)
- 轴 (Axis):圆柱的中心轴代表明度 (Lightness, L)。从底部(黑色,L=0%)到顶部(白色,L=100%)。
- 角度 (Angle):绕轴旋转的角度代表色相 (Hue, H)。0°到360°构成一个完整的色相环,每个角度对应一种“长相”不同的颜色(如红、橙、黄、绿、青、蓝、紫)。
- 半径 (Radius):从轴线到圆柱外缘的距离代表饱和度(Saturation, S)。中心轴上的饱和度为0%(无色灰色),越往外饱和度越高,颜色越纯净鲜艳,外缘为100%。
注意 :无论什么色相,明度最低时都是黑色,最高时都是白色。
HSL拾色器与数值
在Photoshop等软件的拾色器 (Color Picker) 中,我们看到的HSB(B=Brightness,等同于L)面板就是HSL圆柱的平面化投影,如下图所示:
![图片[7] - 色彩原理【掌握色彩,拍出高级感。】 - 岁有余生](https://img.syys.chat/uploads/20260613114543826.png)
![图片[8] - 色彩原理【掌握色彩,拍出高级感。】 - 岁有余生](https://img.syys.chat/uploads/20260613081233941.png)
© 版权声明
本站所有文章版权遵从岁有余生免责条款,请自行查阅。
THE END


![WordPress 优化方案:缓存插件合集[2023.03.05更新] - 岁有余生](https://img.syys.chat/uploads/ce34815bba112441.jpg)
![道阻且长[闭上眼是对生活无尽的幻想。] - 岁有余生](https://img.syys.chat/uploads/20260604023016672.png)
![投稿须知[投稿前必看。] - 岁有余生](https://img.syys.chat/uploads/10b6ebae2e160939.jpg)
![岁有余生会员俱乐部[做不一样的自己。] - 岁有余生](https://img.syys.chat/uploads/664bb4ca16154439.jpg)
![有没有那么一首歌[感情就像音乐之于风。] - 岁有余生](https://img.syys.chat/uploads/47c0459962144010.jpg)
![明天一定是你期待的明天[明天见。] - 岁有余生](https://img.syys.chat/uploads/0596fb0da2143051.jpg)









暂无评论内容