神仙渐变色简直让人着迷！这2招PPT配色公式，太潮了...

来源：PPT进化论（ID：PPTjinhualun）

作者：宋雪贤

如果你经常看我修改读者的 PPT，就会发现我在改稿时，经常会用到一个技巧，就是使用渐变色！

因为渐变色，能够有效提升页面的设计感。你可以在很多优秀设计作品中，看到它的身影：

来看一个 PPT 的案例。比如这份幻灯片原本使用的是纯色填充：

而我们加入另外两种颜色，与主色组成渐变，色彩不仅丰富而且非常统一：

或是这个案例，仅使用了淡紫色：

我们加入蓝色与之组成渐变，页面似乎多了一些科技感和未来感：

这，就是渐变的魔力！

我们都知道渐变的好处，但是大多数读者，自己动手调整出来的渐变却长这样：

那么，在 PPT 中，我们该如何调整出和谐美观的渐变色呢？

今天这篇文章，就跟各位分享一个，我一直在用的渐变调整方法，横纵调色法！

横纵调色法

简单说下它是啥意思。我们在确定一个颜色后，可以横向延展得到相近的颜色：

这样就可以形成，由一种颜色过渡到另外一种颜色的渐变，也就是色调渐变：

还可以依据主色纵向延展，得到不同亮度的梯度色：

从而形成同一种颜色不同明暗的渐变，也就是亮度渐变：

使用这样的方法得出的渐变色，要比你任意选色更加自然！

理解起来不难，关键在于我们确定一个颜色后，该如何横、纵延展？

有两种形式，一个是借助 PPT 中颜色工具，另一个借助在线网站！

先来说第一个。

颜色工具

PPT 中的颜色工具，包含一个叫做 HSL 的色彩模式：

HSL 是英文单词的缩写，代表颜色的三个属性，H（色调），S（饱和度），L（亮度）：

这其中的 H（色调）、L（亮度），不就对应着我们刚才提到的色调渐变和亮度渐变么？

所以，我们在得到一个明确的颜色后。以下方的蓝色色块为例：

保持 S 和 L 的数值不变，通过加、减色调（H）的数值，就能横向延展出蓝色的邻近色：

为了让颜色渐变过渡自然，色调（H）数值的变化最好不要超过 60：

蓝色可以与这些颜色任意结合，组成渐变：

还可以将所有颜色串联起来，组成多色渐变：

而保持 H、S 不变，加、减亮度（L） 的数值，便能纵向延展出梯度色：

因为算是同一颜色不同亮度，这些颜色组成的渐变也就非常的和谐：

当然，如果你觉得自己手动调整色值太过麻烦，就可以采用第二种办法，借助网站延展渐变色。

配色网站

这次以紫色为例：

想要得到横向上的延展色，可以借助 Adobe 推出配色工具，Adobe Color：

https://color.adobe.com/

我们将绿色的十六进制色值，输入到中间的方框内，网站会自动帮我们生成 4 个邻近色：

主色，可以与任意颜色组成渐变：

如果你觉得颜色跨度不够大，也可以手动拖拽色轮上的控点，进行调整：

需要注意是，想要两颜色之间渐变过渡自然，主色与另一个颜色的夹角最好不要超过 90°：

而纵向上的延展颜色，则可以借助 Eva Design System：

https://colors.eva.design/

我们将横向延展色的十六进制色值，输入到该网站，它会自动帮我们生成，由浅到深的梯度色：

用取色器吸色，就能做出漂亮的亮度渐变：

是不是非常的方便呢？

上面呢，就是自己根据主色确定渐变色的方法啦！最后我们再来说下渐变色的应用场景。

渐变色的应用场景

其实，渐变色的应用场景非常的丰富。基本上可以这么理解，只要元素有颜色，你都可以将其替换成渐变色。

与单色相比，渐变有着天然的视觉优势。比如纯色填充的图形，看起来平平无奇：

而加上亮度渐变，平面的圆就好像变成了立体球：

再放在原来的页面中，感觉大不一样：

又或者像这样的立体饼图，换用渐变色：

整体看起来才更有质感：

此外，我们可以在文字中使用渐变：

形状使用渐变：

在页面背景中使用渐变：

为图片蒙版添加渐变：

甚至在一些多内容的页面，我们也使用渐变色进行区分，同时也因为渐变的存在，内容也可看是一个连续整体：