这个配色是不是让人觉得，有点两眼，对吗？

那这个官网海报是怎么想到用这三种颜色做搭配呢？

其实就是通过HSL配色法来做到的。

HSL配色法其实就是保持颜色的色调、饱和度不变，然后通过改变颜色的亮度数值，来获得不同亮度层级的颜色搭配。

啥是颜色的色调、饱和度、亮度？

我们知道 ，在PowerPoint 中有两种颜色模式 ：RGB 和 HSL

其中的HSL，就是颜色的三个属性：色调（H）、饱和度（S）和亮度（L）

在HSL颜色模式的调色板上，我们可以通过改变H、S和L这三个参数，得到各种各样的颜色：

怎样获得不同亮度层级的颜色搭配？

这里再啰嗦一下：就是保持色调（H）和饱和度（S）不变，只需调整亮度（L）的数值即可。

比如这个紫色圆的HSL值是这样的：

我们尝试改变亮度（L）的数值，会发现随着数值的变化，圆的颜色也会随之变化：

这样就可以得到这个紫色的不同亮度层级的色彩搭配了：

然而当我们知道了配色的方法，但在使用过程中也会经常犯难；如何正确去用好这个配色方法呢？

01

深底浅字和浅底深字，突显关键信息

比如这一页调查问卷表格页，文字内容和载体色块都用了浅蓝色，致使文字看不清晰：

通过改变主色调的明度，我们可以得到一个蓝色和深蓝色：

按照深底浅字和浅底深字规则，我们将文字换成明度低一些的深蓝色，这样文字就清晰多了：

当我们想要问题和数值的内容有所区分，可以将数值内容改为深底浅字，像这样：

02

颜色不同明度的渐变，让画面更有质感

拿这页PPT来举例，页面的主色调为橙色：

可以先进行排版上的优化，调整后排成这样：

如果只是简单的将主色调填充进页面，画面会比较呆板单调：

我们对橙色进行不同明度的改变，从中获得更多的搭配色调，选出了两个深色和两个浅色：

将不同明度的橙色进行渐变融合，可以发现，这些色块具有了一定的光影层次感：

然后将这些渐变应用到页面的配色优化中，来看看最后成品：

与单色相比，最后画面更有质感和层次感吧！

方法是学会了，但是没有配色灵感怎么办？

不用担心，我给大家推荐5个网站，上面有各种配色方案，保证你不缺配色灵感：

这5个配色网站都被我收集到我的导航栏里了：

获取导航栏看这里 ⇊⇊：

返回搜狐，查看更多