Tiny Online Tools logoTiny Online Toolssearch搜索工具…grid_view全部工具
首页chevron_rightSVG工具chevron_rightSVG 噪点纹理生成器SVG 噪点纹理生成器

SVG 噪点纹理生成器

生成可平铺的 SVG 噪点与颗粒纹理(纯 SVG)——完美用作叠加层、背景和胶片颗粒效果。

噪点分形噪点湍流拼接瓦片色调反转单色颜色输出尺寸生成的代码codeSVGbrushCSS
xml
css

相似工具

颗粒渐变生成器

颗粒渐变生成器

生成带颗粒噪点纹理的渐变背景,输出纯 SVG,支持渐变类型、色标、颗粒强度和纹理尺度的控制。

SVG 飞溅生成器

SVG 飞溅生成器

生成有机墨水和油漆飞溅的 SVG。控制斑点数量、半径、扩散和不规则度,创建独特的飞溅艺术、颓废质感和艺术背景。

SVG Blob 生成器

SVG Blob 生成器

生成有机、随机的 blob 形状 SVG,完全控制复杂度、随机性、颜色和渐变填充。

SVG 之字形图案生成器

SVG 之字形图案生成器

生成自定义振幅、波长、行距和线宽的 SVG 之字形和人字形图案。非常适合复古纺织品、大胆背景和几何覆盖层。

图片边框添加

图片边框添加

为任意图片添加可自定义边框,并可调整大小、颜色、样式和圆角。

PDF 裁剪工具

PDF 裁剪工具

自动或手动控制页边距来裁剪 PDF 页面并去除白边。

PDF 元数据编辑器

PDF 元数据编辑器

查看并编辑 PDF 元数据,包括标题、作者、主题、关键词和创建者。

apps

更多工具

浏览我们完整的免费在线工具集合。

无像素的噪点与颗粒纹理

SVG 通过 <feTurbulence> 滤镜内建了一个噪点生成器。本工具提供可视化界面调整每个参数,导出干净独立的 SVG,可直接用作叠加层或背景。

两种噪点类型

  • fractalNoise — 叠加湍流八度,得到柔和、云朵般的图案。适合有机颗粒与纸感纹理。
  • turbulence — 原始、对比度更高的噪点,更像电视雪花或静电。非常适合 glitch 效果。

控制项

  • 基础频率 — 噪点的细腻程度。小值得到大而柔和的块;大值得到细小斑点。
  • 八度 — 叠加的噪点层数。越多越有细节。
  • 种子 — 用于可复现的整数。同种子 = 同图案。
  • 单色 / 彩色 — 单色模式将所有通道乘以你选的颜色;彩色保留原生 RGB 噪点。
  • 前景、背景、不透明度 — 调整噪点与背景矩形的关系。

用途

  • 叠加在英雄图上的颗粒层
  • 复古电视 / VHS 风 glitch
  • UI 卡片的纸感 / 画布背景
  • 叠在渐变之上的胶片颗粒(配合颗粒渐变工具)
  • 设计系统的视觉噪点

SVG 在任何尺寸下都保持锐利,浏览器在显示时按像素光栅化——无拼接缝、放大不糊。粘贴到 HTML,或以 data URI 形式写入 background-image: url(...),体积最小。