介绍
这是一些精心挑选的在线工具，这些工具都经过了测试，我发现它们非常有用，并与大家分享。
背景
1. SVG BACKGROUNDS
与PNG、JPG 或 GIF一样，SVG 图像也可以用作 CSS 中的背景图像。这是一种很酷的方法，因为我们可以将主要元素本身与纯色背景颜色匹配，并使页面背景渗入 SVG 内部的负空间。
网址：https://www.svgbackgrounds.com/
2. FREEPIK BACKGROUND COLLECTION
可以检索并下载大量免费的 SVG 背景资源。 ✓免费供商业用途 ✓高质量图像。
网址：https://www.freepik.com/free-photos-vectors/svg-background
3. HERO PATTERNS
一组可供你平铺的 SVG 背景图案，供你在 Web 项目中使用。
网址：https://www.heropatterns.com/
4. FLATICONS
可以通过简单的步骤创建精美的设计。
- 搜索图标，选择你的收藏夹并将其放在工作区中
- 你可以更改大小，颜色和背景。
- 以你喜欢的格式和大小下载设计。
网址：https://www.flaticon.com/pattern/
5. LOADING.IO PATTERNS
这是个很棒的工具，让你的背景看起来很漂亮。
网址：https://loading.io/pattern/
COLOR
颜色
1. KHROMA
Khroma 是用来发现、搜索和保存色彩组合和调色板的最快方法。可以创建无限的收藏夹库供以后参考。
网址：http://khroma.co/
2. COLOR HUNT
Color Hunt 是一个免费开放的平台，可通过数千种精选的时尚调色板来激发色彩灵感。
网址：https://colorhunt.co/
3. COOLORS
Create the perfect palette or get inspired by thousands of beautiful color schemes. Start the generator! Explore trending palettes 创建完美的调色板或从数千种美丽的配色方案中汲取灵感。启动发电机！探索流行的调色板
网址：https://coolors.co/
4. PALETTON
这是一个调色板工具，可以使用各种颜色模型将相邻颜色或互补色组合到主色调。
网址：https://paletton.com/
5. COLOR MIND
一键生成颜色组合。 Colormind 使用深层神经网络创建了具有凝聚力的配色方案。
网址：http://colormind.io/
SVG动画
1. SVG GATOR
使制作 SVG 动画变得非常简单，无需编码，基于浏览器，完全免费。可以制作精美的动画并导出单个动画 SVG 文件。
网址：https://www.svgator.com/
2. INKSACPE
Sozi 是一种演示应用程序，它通过将 JavaScript 嵌入 SVG 来生成平移、缩放和旋转等效果，以便在 Web 浏览器中进行查看。
网址：https://inkscape.org/learn/animation/
3. ADOBE ANIMATE
Adobe 创建了 Animate —— 一个功能强大的 SVG 动画工具。这是一种创建精美动画的简便方法。
网址：https://www.adobe.com/products/animate.html
其他工具
1. BLOB MAKER
为你设计自己的 SVG 形状。可以修改复杂度、对比度和颜色。
网址：https://www.blobmaker.app/
2. GET WAVES
如果你喜欢 SVG 图形形生成器，可以尝试 getwaves.io，它能够为你的网页做一些很酷的波纹转换。
网址：https://getwaves.io/
3. CSS GRADIENTS
一个免费的 CSS 渐变生成器工具，可以为你的网站、博客或社交媒体资料创建彩色渐变背景。
网址：https://cssgradient.io/
4. UNDRAW
可以在这里找到适合你需求的图像，然后下载。可使用实时彩色图像生成来匹配你的品牌标识。
网址：https://undraw.co/illustrations