SVG斑点图形生成器
为背景和插画生成随机的有机斑点形状。可调节复杂度和随机度，选择纯色、渐变或描边填充，并导出SVG、PNG或CSS。
免费 在浏览器中运行 无需注册
正在加载SVG斑点图形生成器…
您的文件绝不离开您的设备
如何使用SVG斑点图形生成器
- 1
在此页面打开SVG斑点图形生成器，它直接在浏览器中加载。
- 2
添加文件、文本或数值，并调整设置。
- 3
复制或下载结果。不会上传或存储任何内容。
关于此工具
柔和的有机斑点（blob）是一种流行的设计手法，不用照片就能为落地页、首屏区域、应用界面和社交图片增添色彩与动感。这款斑点图形生成器一键生成新的随机形状，你可以调整形状、上色，并导出到代码或设计工具中。
如何制作斑点图形
- 点击New blob，直到得到满意的形状。
- 调整复杂度（曲线数量）和随机度（不规则程度）。
- 选择填充：纯色、渐变或描边，并设置颜色。
- 复制SVG或CSS，或下载SVG或PNG文件。
使用创意
- 首屏背景：在标题后面放一个柔和的大渐变斑点。
- 图片框：把斑点当作蒙版，让照片呈现它的形状。
- 图标和徽章：在图标后面放小斑点，显得更亲切。
- 演示文稿和社交帖子中的分区分隔和装饰图形。
小贴士
- 复杂度低形状平静圆润；调高可以得到摇摆活泼的形状。
- 网站上使用SVG：体积小，任意尺寸都清晰，还能用CSS轻松改色。
- 降低不透明度并叠放两三个斑点，营造层次感。
- 用CSS变换给SVG斑点加上轻微动画，让背景更生动。
常见问题
如何获得新的斑点形状？
点击New blob。每次点击都会生成一个不同的随机形状，之后可以继续调整。
斑点图形可以商用吗？
可以。你生成的形状归你所有，可用于网站、应用和设计。
可以导出哪些格式？
可复制SVG代码或CSS，或将斑点下载为SVG或PNG文件。
斑点可以使用渐变吗？
可以。选择渐变填充并设置颜色，或选择描边得到只有线条的斑点。
如何把斑点用作图片蒙版？
在SVG中把路径用作clipPath，或把CSS输出用作clip-path，图片就会呈现斑点的形状。
免费吗？
免费，无需注册，没有水印。