必须收藏，最酷的渐层色背景色卡产生器快速产生背景CSS3语法

这几年新出现的网络服务或应用程序都喜欢使用渐变色作为背景图，有一些则会选用高画质、高分辨率免费图库相片，相较于单色背景来说，渐层色看起来更有活力，且目前技术只要透过CSS3语法就能将渐层运用到网页中，不会拖慢网页加载速度，语法撰写方式也很简单，几乎可以说一段语法就能快速套用背景。

本文要推荐的「CoolHue」是一个相当实用的渐层背景网站，提供大约30种不同配色的渐层背景，可以免费下载为图片格式或产生CSS3语法。只要把它加入网站样式表，就能在任何区域套用渐层色彩。

这个工具和之前介绍过的「WebGradients收录180种渐层背景免费下载，一键产生CSS 3语法」大同小异，不过相较之下可选择的颜色就少了些，如果你觉得某个颜色不错，也能从网站里查到该颜色的色码。

站点名称：CoolHue

网站连接：https://webkul.github.io/coolhue/

使用教学

STEP 1

开启CoolHue网站后可以看到这些渐层颜色，每个色块左下角会有两种颜色色码。将鼠标光标移动到色彩上方，右下角会显示「产生CSS」及「下载图片」图标。

STEP 2

你可以使用传统方式来下载图片，获取某个渐层色背景500×500大小的图片，或者我推荐比较好的方法，直接将CSS语法放到网站样式表就能使用了！一来不用额外下载图片、减少流量，另一方面在使用或修改上也更为简单。

----我是分割线------

致力发布和推广来自世界各地的运营干活和互联网资源

希望与更多人分享网络快乐与便利，点关注作者更精彩！

渐变色美图