有了这两个网站，配色新手也能轻松做出好看的渐变

CoolHue

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

STEP 1

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

STEP 2

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

uiGradients

渐变色用得好往往事半功倍，但如果配色难看，做成渐变只会起到雪上加霜的效果，全是已经配好的渐变色，每个都很好看，搬来就用，节约了多少一个一个颜色试的时间

首页的颜色是随机的，点击左右即可切换。

更重要的是，它能根据需要的色系进行筛选！从上方的导航栏中选中一个颜色，就显示出该色系下的所有配色，对于经常需要有针对性寻找颜色的设计师来说是很人性化的功能。