色相（色相、明度及纯度三种因素）

文章源自略懂百科-http://wswcn.cn/21494.html

最近有UI学员问：文章源自略懂百科-http://wswcn.cn/21494.html

什么是色相，什么是饱和度，什么是明度？文章源自略懂百科-http://wswcn.cn/21494.html

稳住，问题不大文章源自略懂百科-http://wswcn.cn/21494.html

对于设计师来说文章源自略懂百科-http://wswcn.cn/21494.html

直觉是火种文章源自略懂百科-http://wswcn.cn/21494.html

也是最大的奢侈品文章源自略懂百科-http://wswcn.cn/21494.html

修图算法是燃料文章源自略懂百科-http://wswcn.cn/21494.html

说到修图算法就离不开色彩三要素——文章源自略懂百科-http://wswcn.cn/21494.html

明度、色相、饱和度文章源自略懂百科-http://wswcn.cn/21494.html

明度文章源自略懂百科-http://wswcn.cn/21494.html

明度是指：色彩的明亮程度文章源自略懂百科-http://wswcn.cn/21494.html

我们可以通俗的理解成文章源自略懂百科-http://wswcn.cn/21494.html

这个颜色加了多少白颜料文章源自略懂百科-http://wswcn.cn/21494.html

加了多少黑颜料文章源自略懂百科-http://wswcn.cn/21494.html

拿个球来举个栗子吧文章源自略懂百科-http://wswcn.cn/21494.html

我们先看看黑白滴文章源自略懂百科-http://wswcn.cn/21494.html

如果说这是一个正常颜色的球文章源自略懂百科-http://wswcn.cn/21494.html

那么当它明度增加的时候文章源自略懂百科-http://wswcn.cn/21494.html

就会是这样的文章源自略懂百科-http://wswcn.cn/21494.html

发现了木有，球变亮了文章源自略懂百科-http://wswcn.cn/21494.html

也就是说，明度越高物体越亮文章源自略懂百科-http://wswcn.cn/21494.html

明度最高的情况下就是亮瞎你的眼文章源自略懂百科-http://wswcn.cn/21494.html

引起眼部极度不适文章源自略懂百科-http://wswcn.cn/21494.html

明度变暗的情况下就会是文章源自略懂百科-http://wswcn.cn/21494.html

黑到你啥也看不见文章源自略懂百科-http://wswcn.cn/21494.html

色相文章源自略懂百科-http://wswcn.cn/21494.html

再来看下什么是色相文章源自略懂百科-http://wswcn.cn/21494.html

色相是指：色彩的相貌文章源自略懂百科-http://wswcn.cn/21494.html

我们常说的红橙黄绿青蓝紫文章源自略懂百科-http://wswcn.cn/21494.html

这些就是对色相的一个描述文章源自略懂百科-http://wswcn.cn/21494.html

举个栗子文章源自略懂百科-http://wswcn.cn/21494.html

让我们给球先换个颜色文章源自略懂百科-http://wswcn.cn/21494.html

这颗球的色相就是红色文章源自略懂百科-http://wswcn.cn/21494.html

我们常说一个物体是什么颜色文章源自略懂百科-http://wswcn.cn/21494.html

这里的颜色指的就是这个物体的色相文章源自略懂百科-http://wswcn.cn/21494.html

诸如文章源自略懂百科-http://wswcn.cn/21494.html

饱和度文章源自略懂百科-http://wswcn.cn/21494.html

再来看看色彩饱和度文章源自略懂百科-http://wswcn.cn/21494.html

从左至右，纯度由高变低文章源自略懂百科-http://wswcn.cn/21494.html

额就是饱和度由高到低文章源自略懂百科-http://wswcn.cn/21494.html

纯度越高，颜色越正，越容易分辨文章源自略懂百科-http://wswcn.cn/21494.html

所以我们在日常生活中文章源自略懂百科-http://wswcn.cn/21494.html

看到的那些一眼看不出文章源自略懂百科-http://wswcn.cn/21494.html

是什么颜色的颜色文章源自略懂百科-http://wswcn.cn/21494.html

大致就是纯度低的颜色文章源自略懂百科-http://wswcn.cn/21494.html

没错，还是我！！文章源自略懂百科-http://wswcn.cn/21494.html

直接看图文章源自略懂百科-http://wswcn.cn/21494.html

当我是红色时文章源自略懂百科-http://wswcn.cn/21494.html

饱和度由低到高文章源自略懂百科-http://wswcn.cn/21494.html

当我是蓝色的时候文章源自略懂百科-http://wswcn.cn/21494.html

饱和度由低到高文章源自略懂百科-http://wswcn.cn/21494.html

所以你发现了吗文章源自略懂百科-http://wswcn.cn/21494.html

饱和度越高文章源自略懂百科-http://wswcn.cn/21494.html

我的颜色就会越艳丽哦文章源自略懂百科-http://wswcn.cn/21494.html

也就会更加引人注目文章源自略懂百科-http://wswcn.cn/21494.html

一般情况下，红色更突出文章源自略懂百科-http://wswcn.cn/21494.html

这也就是许多广告喜欢用红色的原因文章源自略懂百科-http://wswcn.cn/21494.html

设计靠直觉 微调靠算法文章源自略懂百科-http://wswcn.cn/21494.html

再厉害的程序员文章源自略懂百科-http://wswcn.cn/21494.html

也写不出最完美的脚本文章源自略懂百科-http://wswcn.cn/21494.html

只能不断地打补丁文章源自略懂百科-http://wswcn.cn/21494.html

再厉害的修图师文章源自略懂百科-http://wswcn.cn/21494.html

也做不出最完美的图片文章源自略懂百科-http://wswcn.cn/21494.html

只能不断地微调ing文章源自略懂百科-http://wswcn.cn/21494.html

越来越多厉害的设计师文章源自略懂百科-http://wswcn.cn/21494.html

使用直觉+修图算法文章源自略懂百科-http://wswcn.cn/21494.html

挖掘更多的宝藏图片文章源自略懂百科-http://wswcn.cn/21494.html

文章源自略懂百科-http://wswcn.cn/21494.html