【色彩美学】从小米配色学习HSL，100支糖果色广告都不怕！

[南小蝶]

晚上好大家，今天林芳继续和大家一起学习色彩美学。糖果色广告在林芳上班的电梯里霸屏了好长好长时间了，逢年过节、新品上市更是厉害。先上图大家感受下糖果色🍬的美。

本来想放一组天猫理想生活节的视频广告来的，红橙黄绿青蓝紫都有，找了好久没找到，就只好去小米官网截了一组图，也是美的不要不要的。

[南小蝶]

上面林芳举例子想说明什么呢？两个最基本的色彩协调方法……大家先拿小本本出来准备记录吧——

1⃣️从整体上看，不同色相之间进行搭配，把不同色彩的亮度和饱和度调到一致或相近，就可以达到色彩协调的效果。

2⃣️从单个款式来看，同一色相的颜色进行搭配，只需要调节亮度和饱和度，色相保持一致或相近，也可以达到色彩协调的效果。

[南小蝶]

所以问题来了，什么是色相、饱和度、亮度呢？

色相、饱和度、亮度是颜色三要素，少一个都不能确定具体的颜色，在达芬奇中用HSL表示。

色相：顾名思义，就是颜色的相貌，如日光通过三棱镜分解出的红、橙、黄、绿、青、紫六种色相。

饱和度：饱和度就是色彩的鲜艳程度，纯色饱和度都很高，比如鲜红，翠绿；粉红、绛紫是不饱和的颜色；而黑白灰之间的颜色是完全不饱和的颜色，没有色调。

下图中第二道杠就是饱和度表示了，从左到右饱和度越来越高。

亮度：亮度就是颜色的明亮程度。上图中第三条杠就是从左到右越来越亮，这个好理解哈。

[南小蝶]

好了，再来一支wuli凡凡的小米广告感受下——

https://v.qq.com/x/page/q0529qe0a9d.html

[南小蝶]

回到一楼举的例子上，以青色为例，画面中只有一种主色相，为了丰富画面层次，所以背景采用亮度很高、饱和度很低的浅青色，以突出产品本身；标题文字采用了比产品颜色饱和度更高、亮度更低的青色，突出文字；而辅助文字是灰色的，没有色相，亮度也适中，不会造成视觉冲突。

下面两张也同理，放大了给大家欣赏欣赏。

[南小蝶]

再来一波美图。

红色——

橙色——

绿色——

紫色——

看谁还说红绿配丑——

[南小蝶]

都是小米的图。

[南小蝶]

而下面这四个背景模块的色相差别很大（最后一个灰的色相为0），但是它们的S值和L值几乎一致，所以看上去非常协调。

[南小蝶]

这种调色很适合有多款颜色的产品，棚拍概念广告。比如之前@慕容子建 这个帖子调的糖果色就很棒⬇️⬇️⬇️

达芬奇『少女心粉色系』调色教程（图文详解）

[南小蝶]

今天留个作业，这里是40张棚拍的模特图，大家可以下载练习练习糖果色。

百度云下载：欧美模特人物高清RAW素材40张调色磨皮

[南小蝶]

好啦，今天小叶子的更贴就到这里啦，点击小叶子的头像可以查看更多精彩教程哦

如果喜欢小叶子的帖子，点击我的头像，加我为好友，就可以看到我得更新啦，也可给我发私信，点击帖子顶部得收藏放入收藏夹，方便将来再次查看～

本帖未经允许不得转载，禁止二次转载，转载请注明出处并保留在本站的完整链接，谢谢^_^

[南小蝶]

补一个Pantone发布的2016年流行色，粉晶&静谧蓝，美得令人心醉——

https://v.qq.com/x/page/w0175wk1n1k.html

[笑侃数码]

mark，一会儿试试

[作者]

帖子