收集一些好用的CSS工具网站【不定时更新】

免费版权图片/视频

Logosc

提供很多免费免版权的图片搜索和使用。

https://www.logosc.cn/so/

Coverr

提供漂亮的的网页背景/封面/banner视频素材

https://coverr.co/

动画

Animista

Animista集合了很多种CSS动画，可以免费对其调整，预览和下载。

https://animista.net/

JetBrains Animation Generator

一个在线生成JetBrains 系统动态背景的网站，支持多种IDE风格，可以免费下载html5代码或者png图片。

https://code2art.jetbrains.com/

图标

Iconfont

阿里巴巴旗下，国内功能很强大且图标内容很丰富的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造，设计和前端开发的便捷工具。

https://www.iconfont.cn/

IKonate

提供一组完全可定制和可访问的矢量图标。

https://ikonate.com/

PathLove

Pathlove是一个小型个人项目，我们主要免费设计和共享图标，插图和壁纸。
我们也写，我们的主要工具是Affinity Designer！

https://pathlove.com/

RemixIcon

简直令人愉快的图标系统

Remix Icon是为设计师和开发人员精心制作的一组开源中性风格系统符号。

所有图标都是免费的，可用于个人和商业用途。

https://remixicon.com/

颜色

Colorsupplyyy

通过选择颜色，给出合适亮眼的搭配。

https://colorsupplyyy.com/app

FlatUIColors

提供针对国家/地区适合的配色；

目前有13个国家/地区，13位设计师，13个调色板。

https://flatuicolors.com/

中国传统色谱

提供多种中国传统配色，十分亮眼；

http://zhongguose.com/

渐变

Coolhue

CoolHue 首页大概有 60 种渐变色背景，当然，这个数目会持续增加。选择你中意的配色方案，点击下载即可获得一张适当分辨率的方形 PNG 图片。点击代码图标，可以复制该渐变色的 CSS3 语法。在一些网页设计中，直接应用，相比上传渐变色图片，更省流量。下方可以直接复制 16 进制代码，用于 PPT 或者 PS ，甚至电脑画图程序当中。

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

Uigradients

Uigradients 也是一款简单的配色网站。点击左上角的菜单，即可显示所有内容。通过不同颜色选择不同配色。点击右上角的方向箭头，可以旋转配色角度；点击代码按钮，可以复制它的 Css 代码，用于其他设计。点击下载按钮，即可获得一张足够分辨率的 JPG 图片。当然，你还可以直接点击顶部的色值，复制 16 进制色值。

https://uigradients.com/

WebGradients

Webgradients 大概拥有 180 种渐变配色，在首页点击色块即可全屏显示当前配色方案；同样，在底部可以复制 16 进制色值以及 CSS 代码，点击色块右上角，即可下载 PNG 格式图片。

https://webgradients.com/

Gradients of Shapefactory

Gradients of Shapefactory 其实是整个网站的功能之一，其他功能你可以自行去发掘。整个界面显示当前色系的不同渐变颜色；点击色盘，更改色系。拖动左边的球形按钮，可以改变色度和亮度；鼠标放在某一色块上，点击圆圈并旋转拖动可以改变渐变色的角度。同样可以复制 16 进制色值，以及 CSS 代码；点击图片，可以看到全局。