css渐变色背景_配色新手也能做出好看的渐变背景~

—————————阅读本文可能需要5分钟哦——————————

阿沟说

最近渐变色渐渐的兴起，很多设计师在自己的作品中也会融入到这类渐变背景，但是相对新手来说想做一个好看的渐变色着实有点难度，不过呢也不是没办法的~今天阿沟就给你们推荐2个神器，绝对让你轻松搞定渐变背景，稿子老板一遍过！

CoolHue

打开网站映入眼帘的~哇 OMG 这美 ~高端~大气~有木有

啊~美到了 （赶紧收藏）

相对于单色背景来说，渐层色背景给人更有活力，视觉冲突能力更加的强 ，切现在只有通过css3语法就能将渐层色运用到我们的网页中区，不会担心说拖慢网页加载速度，语法撰写也非常的简单。

阿沟大概数了下网站大概更新了60中渐层颜色~

每个渐层色图片下方都有其颜色设置，你可以复制到ps中去，也可以把鼠标放到图片上，有显示出2个按钮一个是下载图片一个会显示「产生 CSS」

uiGradients

网站打开的样子~超养眼的有木有 相对第一个网站这一个网站相对简约了

这个网站的配色也都是已经配好的，超好看拿到就用这样就节省一大堆时间去想配色，工作效率就上去了 工资也蹭蹭的往上涨了~

网站左右两端都有一个按钮你点他就能切换颜色.贴（多）心（余）的给每套颜色取了名字

点击这里就可以浏览所有颜色哦 多的眼都花，更重要的是，它能根据需要的色系进行筛选！从上方的导航栏中选中一个颜色，就显示出该色系下的所有配色，对于经常需要有针对性寻找颜色的设计师来说是很人性化的功能

颜色取用也超级简单，颜色的色值都在上方导航栏里显示了，点一下就复制了！(看见我的小手手了吗

除此之外右上角的导航栏还提供很多real贴心的功能：

查看颜色源代码，只需点击绿色按钮，同样一键复制，从细微处省去了不必要的时间。

还能一键下载为jpg格式