配色神器：你也可以调出漂亮的渐变颜色

来源：旁门正道

作者：阿门

Part

1

https://uigradients.com

这个网站直接将渐变色填充成背景，可以非常直观的看到效果。

点击右边的下载按钮，可以将当前的渐变背景下载到本地

在工具栏中央也可清楚看到渐变色的颜色代码

点击工具栏左侧的菜单按钮可以看到更多的渐变色

如果你比较随性，想用运气来挑选渐变色，还有一种简单的方法

“点击左右两边的箭头按钮也可以切换颜色”

看明白了吗？

把网址后面的主题标签去除掉，就会重新随机生成一个标签。

还可以生成前端的CSS代码，看得懂的一眼就看懂这是怎么用的了。

Part

2

https://webkul.github.io/coolhue/

和上面介绍的网站类似，也有对应的颜色代码，CSS代码，图片。

不同的是，这里可以下载渐变格式文件

接着在预设中替换渐变

Part

3

https://webgradients.com/

最后再推荐一个网站，里面的渐变样式非常漂亮。

同样也可以复制代码和渐变预设文件

- END -

"上海校园文化"公众号是一个致力于打造校园文化垂直类目的内容服务频道，新增设计相关资讯栏目，由原来的每周更新改为每日更新，在对校园文化内容的质量要求更高的同时，也保证持续的汲取和分享新的知识，共勉。