SVG 霓虹形状生成器

霓虹发光直接嵌入 SVG

霓虹发光是设计里的经典手法——几乎不需要别的元素，就能带来温暖、赛博朋克、氛围感。此生成器输出一个 SVG，内嵌 <filter>，通过模糊并合并轮廓的副本，为清晰描边营造真实的 bloom。

支持的形状

• 圆形、方形、圆角矩形
• 三角形、五边形、六边形、八边形
• 5 角星与 6 角星

控制项

• 描边颜色 — 霓虹的核心色。饱和度越高越亮。
• 描边宽度 — 高亮线条的粗细。
• 光晕大小 — 高斯模糊的 stdDeviation。值越大，光晕越柔和。
• 背景 — 深色背景最能突出霓虹；接近 #000 效果最佳。

发光原理

SVG 内部的 <filter> 使用两轮半径不同的 <feGaussianBlur>，再用 <feMerge> 与原图合并，得到清晰的亮芯加柔和的光晕——就像真实霓虹灯拍照时的效果。

由于发光是用 SVG 滤镜实现（不是图片），你可以瞬间换色、无损缩放、用 CSS 动画描边。整个文件通常不到 1 KB。

用途

• 赛博朋克风英雄区与落地页
• 街机风 UI 元素
• 复古海报与唱片封面
• 带强调图标的暗色仪表盘
• 游戏叠加与主播素材

搭配颗粒渐变或网格渐变生成器，可搭出氛围夜空背景，再把霓虹星星放在中间作为视觉中心。