*在线设计工具收藏
疯狂的技术宅 前端先锋
介绍
这是一些精心挑选的在线工具，这些工具都经过了测试，我发现它们非常有用，并与大家分享。
背景
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 是用来发现、搜索和保存色彩组合和调色板的最快方法。可以创建无限的收藏夹库供以后参考。
2. COLOR HUNT
Color Hunt 是一个免费开放的平台，可通过数千种精选的时尚调色板来激发色彩灵感。
3. COOLORS
Create the perfect palette or get inspired by thousands of beautiful color schemes. Start the generator! Explore trending palettes 创建完美的调色板或从数千种美丽的配色方案中汲取灵感。启动发电机！探索流行的调色板
4. PALETTON
这是一个调色板工具，可以使用各种颜色模型将相邻颜色或互补色组合到主色调。
5. COLOR MIND
一键生成颜色组合。Colormind 使用深层神经网络创建了具有凝聚力的配色方案。
SVG动画
1. SVG GATOR
使制作 SVG 动画变得非常简单，无需编码，基于浏览器，完全免费。可以制作精美的动画并导出单个动画 SVG 文件。
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 形状。可以修改复杂度、对比度和颜色。
2. GET WAVES
如果你喜欢 SVG 图形形生成器，可以尝试 getwaves.io，它能够为你的网页做一些很酷的波纹转换。
3. CSS GRADIENTS
一个免费的 CSS 渐变生成器工具，可以为你的网站、博客或社交媒体资料创建彩色渐变背景。
4. UNDRAW
可以在这里找到适合你需求的图像，然后下载。可使用实时彩色图像生成来匹配你的品牌标识。
网址：https://undraw.co/illustrations