css 渐变色_福利！不会做渐变色？拥有了它们，随便做出好看的渐变！

渐变色是指渐变色是指两种或两种以上的颜色之间的过渡，设计师们可以用渐变创造出全新的颜色，一种前所未有的颜色，它看起来非常的独特，时尚，并且让人眼前一亮。最近运用渐变色的设计越来越多，在UI、网站、海报甚至手机上都在运用。

社交软件陌陌渐变色 LOGO

Instagram渐变色LOGO

Faceu激萌渐变色LOGO

腾讯微视渐变色LOGO

看了上面的渐变色LOGO的案例，大家是不是已经迫不及待了呢？结果却是这样的：

渐变色

渐变色

看到自己做的渐变色和其他人做的渐变色，我的泪不由的流了下来。那怎样才能做成BAT大厂的那种渐变色呢？我请教了很多人终于发现了这几个渐变神器网站，现在分享给大家！而且这是网站全部都是免费的哦！

一.CoolHue

网址：https://webkul.github.io/coolhue/

CoolHue

这个网站相信很多人都已经推荐过了，网站页面比较清爽干净，而且配色也比较多，可以满足大部分的设计配色。操作方法也很简单，下载相应的图片，然后用取色器或者直接输入下方的颜色编码就可以直接实现。

二.WebGradients

网址：https://webgradients.com/

WebGradients

于其他的配色网站不同的是，这个网站更偏向于网页的配色，它的配色选项也比较多，你可以在这个网站中找一些配色运用于网页背景中。在这个网站中，你可以单机颜色球全屏预览，观看细节，也可以下载CSS的代码或者PNG PSD SKETCH的文件，也是非常用心的网站了。

三.UIgradients

网站地址：http://uigradients.com

UIgradients

UIgradients 以分享美丽渐变色彩为主的分享站，里面接近上百种渐变配色方案，设计师可根据自己风格来选择搭配，此外我们还能直接获得对应渐变配色的CSS代码，相当方便。也可以在网页上方直接查看颜色编码或下载JPG图片。

四.ColorSpace

网站地址：https://mycolor.space/

ColorSpace

这个网站也是我最喜欢的配色网站，因为它与其它网站不同的是可以根据你选择的颜色自动帮你生成相应的颜色方案，你可以很直观的在网页中看他你选择颜色的显示效果，并进行调整和修改。不同于其他网站给你固定的颜色而是让你进行选择，会让你产生更大的创作欲望。

以上就是我推荐给大家使用的渐变色配色网站，相信大家有了这些网站，就再也不用为渐变色发愁了。如果你喜欢这篇文章的话，不要忘了给我个关注、分享、点赞三连哦。

设计师日记，5年平面设计经验，分享自己设计生涯中的小想法。欢迎交流。