用公式剖析色彩三要素：色相、饱和度、明度
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
颜色2与颜色3，色相改变而明度、饱和度不变
有一点需要注意
调节明度以及增高饱和度时（不能溢出临界值）
色相信息没有损失
但是在降低饱和度时（尤其猛降时）
RGB的中间值可能取了近似数
因此并不一定能通过重新增高饱和度来完全还原颜色
色相与明度、饱和度的关联性：
当饱和度较低时
虽然色相也能从0%以至于100%
但是RGB值的最大值与最小值跨度较小
任意给定两种颜色，我们能不能比较它们的色相、饱和度和明度
这三个要素，在RGB值上又是怎么体现的
等等等……
笔者脑筋比较死板
理解不了太多抽象的概念
也不愿意明明近在咫尺却要等到以后慢慢去理解
（以后谁又在哪里）
更不相信世上真有什么东西“只可意会不可言传”
意欲理解「三要素」
必须一字一句画出形状
以下便是笔者经一番折腾后
用公式剖析色彩三要素：色相、饱和度、明度
这两天突然想学习一下调色的原理和方法
其中重要的一课就是了解「色彩三要素」
阅读了一些相关文章
里面均只阐述了文字上的概念
对于「三要素」的印象
笔者依然很模糊
意识里始终盘旋着一些问题：
「三要素」之间，有什么区别和联系
或是说，它们的调节是相互独立还是关联的
或是说，我们能不能单独改变一种颜色的色相、饱和度或明度，而保留其它两个要素
在本体系中
姑且把这种现象归为「人眼对不同色彩的敏感度不同」
而客观上它们亮度相同
这种算法是一种假设
也是本算法体系比较简洁的前提
此外的比较简单算法还有
三个RGB数值中的最大值
三个RGB数值的平均值
等等
而与感观一致的算法也许是aR+bG+cB
（a、b、c为某个不为人知的权重系数）
以上种种，本体系不作讨论
再说饱和度
例子如下图
在这种算法中
增大最小值或减小最大值
则等同于混入了白色或黑色
改变了颜色的明度和饱和度
而只要中间值的相对位置不变
则色相不变
RGB的排列仅6种
人为规定它们的顺序
便可以类似于360度H值一般地描述色相
色相与明度、饱和度的独立性：
如上图中
颜色1与颜色2，饱和度改变而色相不变
颜色3与颜色4，明度改变而色相不变
导致中间值的取值受限
也就是色相种类较少
一般地，在相同RGB顺序下
色相种类等于饱和度加一
特别地，当饱和度为0时
色相仅一种（灰度系）
且不存在RGB顺序
明度与色相的关联性
可以理解为通过饱和度间接达成
在此不再赘述
本体系基本原理可以用下图示意
特别提示
以上为笔者人为定义的规则
并非权威，接受质疑
虽未在其它地方见过类似阐述
文字概念：反应颜色的鲜艳程度
数字概念：三个RGB数值中，最大值与最小值的差值
例子如下图
如果说明度反应了RGB值的集中趋势
那么饱和度则反应了RGB值的离散程度
离散程度越高，饱和度越高
这种算法容易理解
三种视锥细胞中
刺激最大与刺激最小之间的差异
让人产生了颜色的鲜艳感
而与刺激中等的细胞关系不大
明度与饱和度的独立性：
明度为51时，饱和度最小0，最大102
明度为127.5时，饱和度最小为0，最大为255
明度为204时，饱和度最小0，最大102
明度为255时，饱和度固定为0（白）
由此，要保证强烈的明暗对比
则不得过分强调颜色的饱和度
否则必然使明度趋于中性
最后看色相
文字概念：反应颜色的种类
数字概念：RGB三个数值中，RGB的排序，以及中间值的相对位置
初步形成的描述「色彩三要素」的体系之一
恳请各路大神指正
先说「明度」
因为明度最具直观感
文字概念：反应颜色的明暗程度
数字概念：三个RGB数值中，最大值与最小值的平均值
以8位RGB模式为例（全文同），如下图
这个概念与PS中「去色」等命令暗示的概念一致
而与人眼的感观产生一定的差异
比wenku.baidu.com上述颜色1比颜色2看起来明亮
但PS中部分菜单的确采用了这个体系
行文的意义之一是为了丰富调色技巧
从此之后，不用完全依赖于固有命令
（反正你也不知道命令具体使用什么算法）
之二是为初学色彩者提供一些深刻理解它们的思路
此外意义寥寥
二〇一七年十月
饱和度为0时，明度最小为0（黑），最大为255（白）
饱和度为102时，明度最小为51，最大为204
饱和度为255时，明度固定为127.5（红、黄等）
由此，要使颜色保持鲜艳
则不得过分改变其明度
否则必然丧失饱和度
如果明度较高或较低
则饱和度取值范围较小
如果明度适中
则饱和度取值范围较大
明度为0时，饱和度固定为0（黑）
如果RGB值的最大值与最小值的平均值不变
而改变其差值
效果是明度不变
而饱和度改变
如上图中的颜色3与颜色4
极端例子见下图
如果RGB值的最大值与最小值同时增大或减小相同的值
其效果是饱和度不变
而明度改变
如上上图中的颜色2与颜色4
典型例子见下图
明度与饱和度的关联性：
先看下图
如果饱和度较低
则明度的取值范围较大
反之则较小
有一点需要注意
调节明度以及增高饱和度时（不能溢出临界值）
色相信息没有损失
但是在降低饱和度时（尤其猛降时）
RGB的中间值可能取了近似数
因此并不一定能通过重新增高饱和度来完全还原颜色
色相与明度、饱和度的关联性：
当饱和度较低时
虽然色相也能从0%以至于100%
但是RGB值的最大值与最小值跨度较小
任意给定两种颜色，我们能不能比较它们的色相、饱和度和明度
这三个要素，在RGB值上又是怎么体现的
等等等……
笔者脑筋比较死板
理解不了太多抽象的概念
也不愿意明明近在咫尺却要等到以后慢慢去理解
（以后谁又在哪里）
更不相信世上真有什么东西“只可意会不可言传”
意欲理解「三要素」
必须一字一句画出形状
以下便是笔者经一番折腾后
用公式剖析色彩三要素：色相、饱和度、明度
这两天突然想学习一下调色的原理和方法
其中重要的一课就是了解「色彩三要素」
阅读了一些相关文章
里面均只阐述了文字上的概念
对于「三要素」的印象
笔者依然很模糊
意识里始终盘旋着一些问题：
「三要素」之间，有什么区别和联系
或是说，它们的调节是相互独立还是关联的
或是说，我们能不能单独改变一种颜色的色相、饱和度或明度，而保留其它两个要素
在本体系中
姑且把这种现象归为「人眼对不同色彩的敏感度不同」
而客观上它们亮度相同
这种算法是一种假设
也是本算法体系比较简洁的前提
此外的比较简单算法还有
三个RGB数值中的最大值
三个RGB数值的平均值
等等
而与感观一致的算法也许是aR+bG+cB
（a、b、c为某个不为人知的权重系数）
以上种种，本体系不作讨论
再说饱和度
例子如下图
在这种算法中
增大最小值或减小最大值
则等同于混入了白色或黑色
改变了颜色的明度和饱和度
而只要中间值的相对位置不变
则色相不变
RGB的排列仅6种
人为规定它们的顺序
便可以类似于360度H值一般地描述色相
色相与明度、饱和度的独立性：
如上图中
颜色1与颜色2，饱和度改变而色相不变
颜色3与颜色4，明度改变而色相不变
导致中间值的取值受限
也就是色相种类较少
一般地，在相同RGB顺序下
色相种类等于饱和度加一
特别地，当饱和度为0时
色相仅一种（灰度系）
且不存在RGB顺序
明度与色相的关联性
可以理解为通过饱和度间接达成
在此不再赘述
本体系基本原理可以用下图示意
特别提示
以上为笔者人为定义的规则
并非权威，接受质疑
虽未在其它地方见过类似阐述
文字概念：反应颜色的鲜艳程度
数字概念：三个RGB数值中，最大值与最小值的差值
例子如下图
如果说明度反应了RGB值的集中趋势
那么饱和度则反应了RGB值的离散程度
离散程度越高，饱和度越高
这种算法容易理解
三种视锥细胞中
刺激最大与刺激最小之间的差异
让人产生了颜色的鲜艳感
而与刺激中等的细胞关系不大
明度与饱和度的独立性：
明度为51时，饱和度最小0，最大102
明度为127.5时，饱和度最小为0，最大为255
明度为204时，饱和度最小0，最大102
明度为255时，饱和度固定为0（白）
由此，要保证强烈的明暗对比
则不得过分强调颜色的饱和度
否则必然使明度趋于中性
最后看色相
文字概念：反应颜色的种类
数字概念：RGB三个数值中，RGB的排序，以及中间值的相对位置
初步形成的描述「色彩三要素」的体系之一
恳请各路大神指正
先说「明度」
因为明度最具直观感
文字概念：反应颜色的明暗程度
数字概念：三个RGB数值中，最大值与最小值的平均值
以8位RGB模式为例（全文同），如下图
这个概念与PS中「去色」等命令暗示的概念一致
而与人眼的感观产生一定的差异
比wenku.baidu.com上述颜色1比颜色2看起来明亮
但PS中部分菜单的确采用了这个体系
行文的意义之一是为了丰富调色技巧
从此之后，不用完全依赖于固有命令
（反正你也不知道命令具体使用什么算法）
之二是为初学色彩者提供一些深刻理解它们的思路
此外意义寥寥
二〇一七年十月
饱和度为0时，明度最小为0（黑），最大为255（白）
饱和度为102时，明度最小为51，最大为204
饱和度为255时，明度固定为127.5（红、黄等）
由此，要使颜色保持鲜艳
则不得过分改变其明度
否则必然丧失饱和度
如果明度较高或较低
则饱和度取值范围较小
如果明度适中
则饱和度取值范围较大
明度为0时，饱和度固定为0（黑）
如果RGB值的最大值与最小值的平均值不变
而改变其差值
效果是明度不变
而饱和度改变
如上图中的颜色3与颜色4
极端例子见下图
如果RGB值的最大值与最小值同时增大或减小相同的值
其效果是饱和度不变
而明度改变
如上上图中的颜色2与颜色4
典型例子见下图
明度与饱和度的关联性：
先看下图
如果饱和度较低
则明度的取值范围较大
反之则较小