在我们日常的设计当中，经常要给网页使用一些背景。但是如果使用图片的话，又比较消耗资源！还有加载啊，分辨率不对啊之类的情况出现。但是使用单色背景又显得有些单调，那么CSS3的渐变色背景就可以很好的弥补两者之间的不足。

既不用加载大文件背景图片消耗资源，也不会单一的背景颜色觉得单调。但是，设计出一个好看的渐变色往往需要慢慢拖动颜色选择器好久才能选出几种自己满意的颜色。那么能不能让它根据自己设定的规定颜色值内自动生成多个渐变色值呢？答案就是当然可以！

演示地址

https://demo.shaosiming.net/colors/index.html

使用说明

这款工具最多支持25档次的颜色阶级。也是通过Vue.js实现的这一功能！代码比较多，我这里就不贴了，喜欢的话直接下载压缩包即可！学习学习还是很不错的，当然，自己当个小工具使用也是可以的。

下载地址

点击下载文件