SVG 模糊形状生成器

无需重图的柔和梦幻背景

模糊的彩色背景——常被称为「极光」或「抽象渐变」背景——已成为落地页、仪表盘和应用启动画面的常见风格。与其加载一张沉重的 PNG，这款生成器只用几个 SVG 椭圆，经 feGaussianBlur 滤镜模糊处理即可：无论分辨率多高都保持清晰，体积仅几 KB，并充分利用浏览器 GPU。

工作原理

工具使用基于种子的随机函数，在 800×600 的 viewBox 中随机散布若干椭圆。每个椭圆从你的调色板中选取颜色，整个组被包裹在应用强高斯模糊的 SVG 滤镜中——足以让形状相互融合，呈现出柔和云朵般的效果。

控制项

• 形状数量 — 绘制多少个模糊椭圆。越多颜色越丰富、越热闹。
• 模糊 — 高斯模糊的强度。小模糊保留形状边界；大模糊把一切融为一体。
• 大小差异 — 各形状尺寸变化幅度。
• 调色板 — 最多 5 种自定义颜色，可添加或删除以匹配品牌。
• 背景 — 模糊形状后方的纯色填充。
• 种子 + 重新生成 — 重新生成换新组合；相同种子总生成相同结果。

常见用途

• 英雄区背景
• 现代应用启动画面
• OG / 社交分享图
• 定价区背景
• 营销页卡片背景

借助 preserveAspectRatio="none"，SVG 可通过 width: 100% 拉伸到任意容器。把输出直接粘贴到 HTML、React 或设计工具中——或稍后用文本编辑器调整颜色。