渐变色的搭配能够在H5当道的移动端，显示出强悍的吸睛效果。那如何搭配一个漂亮的渐变色，就变成了我们网店装修，自媒体包装的难点。
并不是人人都懂设计，我们缺乏的是审美灵感。而下面推荐的这一款工具，能够给你提供最丰富的渐变配色灵感。
工具名称：Web Gradients
该工具本身是一个网站，如需具体网址，请关注“九公子”头条号，私信“渐变配色”。
笔者已经设置自动回复。
好了，下面我们看一下使用流程和具体使用场景。
打开网站我们就能直接看到 N 种配色展现在首页，只需要点击其中一个，就会显示全屏渐变。使用方法也非常简单,直接下载 Sketch/PSD 或复制十六进制颜色编码即可！
网站概览
CSS 样式库的使用
除了直接 copy 一个 CSS代码外，我们可还以下载整个 CSS 样式库，方便在项目上直接调用。首先我们下载这个 CSS 库（笔者自动回复中，带有网址）
STEP 1: 引入 CSS 文件
<html> <head> <link href="webgradients.css" rel="stylesheet"> </head> ...
STEP 2: 给元素加入 class 即可，class 名称就是渐变色的名，比如007 Sunny Morning 对应的 class=”sunny-morning”
<div class="sunny-morning">...</span>
色号代码及CSS源码
下面看一下用渐变配色的案例吧！