![3eec27cca59f92a252dc9c8bc79910be.png](https://i-blog.csdnimg.cn/blog_migrate/61d17d80c01aaae895db61f9eb175541.jpeg)
图|shanzei|dribbble.com
近几年渐变色又逐渐回归
从网页设计
![384f04e209356f4eb12d18e40c5b9119.png](https://i-blog.csdnimg.cn/blog_migrate/a0e2a045ec7589b426543e55053ebd02.jpeg)
到智能硬件
![9a536b97f09c0ae317489a29d0c6c0e3.png](https://i-blog.csdnimg.cn/blog_migrate/1acf5cfe77acbf20bbf38e50544b8bb9.jpeg)
大有将风靡之势
PPT中也不乏渐变色的运用
油管PPT大神 Creative Venu 就是这其中的佼佼者
![15e66363ea0a4fc67f6d9bec5bd60c98.png](https://i-blog.csdnimg.cn/blog_migrate/e1f154a87db8306cd42a837bfc129404.jpeg)
既然是快速搞定
就不是从色彩原理说起了
毕竟有很多渐变配色网站
可以直接拿来用
之前的文章中也有提到过
https://uigradients.com/
![9d70aedccca1f7349ab9466deb84a92c.png](https://i-blog.csdnimg.cn/blog_migrate/9e8c4a77f4d0ca886b052e677e2c8e29.jpeg)
https://webkul.github.io/coolhue/
![933f9e3556e08a4a7ea426ff26dd31b7.png](https://i-blog.csdnimg.cn/blog_migrate/7d3d2040cc971484194bd63d3b9625f0.jpeg)
https://webgradients.com/
![13c8918b8eeb7c4b3ef32455f8cbc05e.png](https://i-blog.csdnimg.cn/blog_migrate/2a9730a1fd9de1baf1f9b3d59741aed5.jpeg)
都是很好的渐变色网站
但是用到 PPT 里面比较麻烦
因为给的渐变配色
是以 HTML颜色代码格式展示
以便运用到网页上
而 PPT 支持的颜色模式
只有 RGB 和 HSL
![1396fac5fdce9eb8058343cf8c2fa7a3.png](https://i-blog.csdnimg.cn/blog_migrate/64c296ee11784a5d4ce08d254d6d5c7c.jpeg)
尽管取色器让色彩提取更加方便
![c0b8610c8550866162c3d24a5b63009e.png](https://i-blog.csdnimg.cn/blog_migrate/039288a1fbfdd695f33815d9c20ed708.jpeg)
但是要想从一张渐变色上
准确提取出它的配色方案也有难度
下面以 uigradients.com 为例
提取其中的渐变色
方法1 PPT取色器
这个网站相对来说对 PPT 比较友好
它除了HTML颜色代码之外
还给了预览色
所以我们可以直接用 PPT 取色器
方法也很简单
打开网站选一个配色 » 使用 PPT 取色器
![386b62b689937863aef6b9d277f82f9a.gif](https://i-blog.csdnimg.cn/blog_migrate/d3f7b40d28d991c69ef353e363b24a92.gif)
PS:长按鼠标左键拖拽可跨界面取色
有了这个配色之后
就可以简单的完成下图中的这种效果
![e1a4546f1a4200c6161ba41b7116ed1d.png](https://i-blog.csdnimg.cn/blog_migrate/4e30804d5bcd8b68350336dd8f67b86a.jpeg)
示例来自 SlideShare 作者:24Slides
操作也很简单
步骤1
制作装饰元素—渐变色圆
![848bb0fa7140a75b5fa171f8a2548376.gif](https://i-blog.csdnimg.cn/blog_migrate/7143cd81a9da884946fb117f0f2577cc.gif)
步骤2
将渐变色圆放置在合适位置
![abf52464149c662fcd000f1cdcc66891.gif](https://i-blog.csdnimg.cn/blog_migrate/3c8c895c27f7fc725166d62dea1e55b5.gif)
步骤3
添加主体信息及插图
![def017e97d98ed41af21fff133fa055b.gif](https://i-blog.csdnimg.cn/blog_migrate/e4ea6a4d86eaa44c857c17f1e0ba0b95.gif)
完成。
方法2 iSlide 取色器
![219d9d220308be29ee673879a486a5aa.png](https://i-blog.csdnimg.cn/blog_migrate/f3ace4b3c05892dc966b4c17ceb4341f.jpeg)
iSlide 取色器不仅可以跨界面取色
其中的一个亮点功能是
可以直接读取颜色代码
![a31112d216e46134fdbefc3507a6ecf2.gif](https://i-blog.csdnimg.cn/blog_migrate/4ce86fc7e46920c65bf9db130117a36e.gif)
有了这个拓展功能
就算只有HTML 色彩代码
也可以尽情取色
试试没有预览色的网站
![7b28fdbc7198e36e9a58ffafeb9c0498.gif](https://i-blog.csdnimg.cn/blog_migrate/4eba142004ed1520c9acc0ef0da4046c.gif)
然后你就可以很快搞定一套渐变色 PPT
![ca4a4b5060c6af32e0241815f23ad948.png](https://i-blog.csdnimg.cn/blog_migrate/7417d31762cf3f22c9ca5edaaa385af0.jpeg)
版式来自 iSlide 图示库
小技巧1
直接用渐变色填充
![64d742a592061555c9cd86f974c30f00.png](https://i-blog.csdnimg.cn/blog_migrate/f73aceb8addb43f9c1f704bcff597f4a.jpeg)
小技巧2
图片上叠加渐变透明色块
![3593a1b9a8addf83abce675a3e9f7795.png](https://i-blog.csdnimg.cn/blog_migrate/8695a5146833296dba048b3ac68c25f8.jpeg)
以上。
END
每天,全球有超过1,000,000场的商业演示,
专业的设计能更有效的传递和表达信息。
PPT幻灯片也能成为一种力量,
能够说服,能够影响,能够感动!