首页›文本·编码·数据›Blob 形状生成器

Blob 形状生成器

Blob 形状生成器通过控制边界点数、扰动幅度与随机种子,产出圆润不规则的有机形态轮廓,可预览并导出 SVG 或 border-radius 写法,用来给落地页背景、头像框和卡片加一点手绘感的装饰形。

永久免费本地计算 · 零上传

🔒 全程在浏览器内计算,输入内容不会离开您的设备。

怎么用

  1. 设定形状边数与凹凸强度
  2. 调整随机种子换一种轮廓
  3. 预览生成的 blob 形态
  4. 导出 SVG 或圆角代码

典型场景

落地页背景铺一块柔和有机形状
头像占位用 blob 遮罩增加设计感
卡片角落做不规则装饰色块

常见问题

导出能直接用吗?

SVG 可直接内联或存文件,圆角写法贴进 CSS 即生效。

形状可控吗?

边数、幅度与种子共同决定形态,微调即得不同结果。

会失真吗?

矢量输出可任意缩放不发虚,适配高分屏。

相关工具