SVG Blob 生成器

相似CSS 与设计

将代码转成美观的分享图片，支持多种主题

可视化设计线性、放射、圆锥渐变，即时复制 CSS 代码

实时预览玻璃拟态效果，一键复制 CSS 代码

?

还没有留言，抢先留下你的想法！

随机生成带有机曲线的 SVG blob 形状，可调整复杂度、随机性与填充，适合做背景装饰或插画元素，并可复制 SVG 或 clip-path。

“复杂度”滑块控制 Blob 的顶点数量（3～10），数值越高形状细节越丰富；“随机性”控制顶点偏离圆形的幅度，设为 0 接近正圆，100 则形状最不规则。
点击 6 个颜色圆圈选择渐变填充（紫色、玫瑰、青色、琥珀、粉红）或纯色；颜色会实时反映在右侧预览中。
从 5 种 CSS 动画中选择一种（无、脉冲、漂浮、摇晃、旋转），导出的 SVG 文件中会自动嵌入对应的 @keyframes 动画代码。
点击“随机生成”可快速切换到新形状；找到喜欢的后，再微调“复杂度”与“随机性”细修形状。
底部导出栏有四个选项：“复制 SVG”获取完整标记、“复制 clip-path”获取用于遮罩裁剪的 CSS path()、“SVG”下载矢量文件、“PNG”下载 800×800 位图。

SVG Blob 生成器是什么？

随机生成有机圆滑形状的 SVG 图形，可自定义颜色、复杂度与随机程度，常用于背景装饰。

生成的 SVG 可以用在哪里？

可嵌入 HTML/CSS，或下载后在 Figma、Illustrator 等设计工具中使用。

每次点击都会生成不同的形状吗？

是的，每次点击“重新生成”都会产生全新的随机形状。