渐变色彩在视觉上可以产生层次感，这对常看单一颜色的人来说，会更加有吸引力，以往要做出渐变色，设计师都会倾向于使用图片，原因在于各家浏览器对 CSS 所支持的程度不相同，造成观感不佳的问题。

而如今浏览器对 CSS 3 基本上都支持的情况下，要达成纯 CSS 语法就做出渐变色也变得相对简单，Color gradient generator这个免费网站提供 light、deep、rainbow 及 intense 四种渐变样式、渐变方向、渐变大小等可视化工具让让用户自行调整，完成后，就可产生 CSS 语法。

Color gradient generator网站使用教程

1、打开浏览器进入Color gradient generator网站，就可以开始调整参数列，每次调整都可以立刻在反映在圆形球体上。

2、将鼠标移到装有圆形球体的白色框中，点击在左下角出现的图示按钮，就可以自选颜色。

3、点击[ SELECT GRADIENT]，可以选择渐变模板。

4、最后，点击[ GET CSS CODE ]，便可产生CSS语法。