介绍

这是一些精心挑选的在线工具,这些工具都经过了测试,我发现它们非常有用,并与大家分享。

背景

1. SVG BACKGROUNDS

SVGB

与PNG、JPG 或 GIF一样,SVG 图像也可以用作 CSS 中的背景图像。这是一种很酷的方法,因为我们可以将主要元素本身与纯色背景颜色匹配,并使页面背景渗入 SVG 内部的负空间。

网址:https://www.svgbackgrounds.com/

2. FREEPIK BACKGROUND COLLECTION

FREEPIK BACKGROUND COLLECTION

可以检索并下载大量免费的 SVG 背景资源。 ✓免费供商业用途 ✓高质量图像。

网址:https://www.freepik.com/free-photos-vectors/svg-background

3. HERO PATTERNS

HERO PATTERN

一组可供你平铺的 SVG 背景图案,供你在 Web 项目中使用。

网址:https://www.heropatterns.com/

4. FLATICONS

可以通过简单的步骤创建精美的设计。

  1. 搜索图标,选择你的收藏夹并将其放在工作区中
  2. 你可以更改大小,颜色和背景。
  3. 以你喜欢的格式和大小下载设计。

网址:https://www.flaticon.com/pattern/

5. LOADING.IO PATTERNS

LOADING.IO PATTERNS

这是个很棒的工具,让你的背景看起来很漂亮。

网址:https://loading.io/pattern/



COLOR

颜色

1. KHROMA

KHROMA

Khroma 是用来发现、搜索和保存色彩组合和调色板的最快方法。可以创建无限的收藏夹库供以后参考。

网址:http://khroma.co/

2. COLOR HUNT

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

PALETTON

这是一个调色板工具,可以使用各种颜色模型将相邻颜色或互补色组合到主色调。

网址:https://paletton.com/

5. COLOR MIND

一键生成颜色组合。 Colormind 使用深层神经网络创建了具有凝聚力的配色方案。

网址:http://colormind.io/


SVG动画

1. SVG GATOR

SVG GATOR

使制作 SVG 动画变得非常简单,无需编码,基于浏览器,完全免费。可以制作精美的动画并导出单个动画 SVG 文件。

网址:https://www.svgator.com/

2. INKSACPE

INKSACPE

Sozi 是一种演示应用程序,它通过将 JavaScript 嵌入 SVG 来生成平移、缩放和旋转等效果,以便在 Web 浏览器中进行查看。

网址:https://inkscape.org/learn/animation/

3. ADOBE ANIMATE

ADOBE ANIMATE

Adobe 创建了 Animate —— 一个功能强大的 SVG 动画工具。这是一种创建精美动画的简便方法。

网址:https://www.adobe.com/products/animate.html

其他工具

1. BLOB MAKER

BLOB MAKER

为你设计自己的 SVG 形状。可以修改复杂度、对比度和颜色。

网址:https://www.blobmaker.app/

2. GET WAVES

GET WAVES

如果你喜欢 SVG 图形形生成器,可以尝试 getwaves.io,它能够为你的网页做一些很酷的波纹转换。

网址:https://getwaves.io/

3. CSS GRADIENTS

CSS GRADIENTS

一个免费的 CSS 渐变生成器工具,可以为你的网站、博客或社交媒体资料创建彩色渐变背景。

网址:https://cssgradient.io/

4. UNDRAW

可以在这里找到适合你需求的图像,然后下载。可使用实时彩色图像生成来匹配你的品牌标识。

网址:https://undraw.co/illustrations