噪点纹理生成器

生成细腻噪点背景，适配浅色与暗色界面

预览

频率 0.101 · 透明度 0.18

background-color: #f8fafc;
background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'240'%20height%3D'240'%20viewBox%3D'0%200%20240%20240'%3E%0A%20%20%3Cfilter%20id%3D'n'%3E%0A%20%20%20%20%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'0.101'%20numOctaves%3D'2'%20stitchTiles%3D'stitch'%20result%3D'noise'%2F%3E%0A%20%20%20%20%3CfeColorMatrix%20in%3D'noise'%20type%3D'matrix'%20values%3D'0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.18%200'%20result%3D'alpha'%2F%3E%0A%20%20%20%20%3CfeFlood%20flood-color%3D'%230f172a'%20result%3D'color'%2F%3E%0A%20%20%20%20%3CfeComposite%20in%3D'color'%20in2%3D'alpha'%20operator%3D'in'%20%2F%3E%0A%20%20%3C%2Ffilter%3E%0A%20%20%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23n)'%20%2F%3E%0A%3C%2Fsvg%3E');
background-size: 240px 240px;

纹理尺寸

密度

0.45

透明度

0.18

噪点颜色

背景色

提示

• 密度越高颗粒越细
• 透明度建议 0.1-0.25
• 可复制 CSS 直接使用

GunLabs 独立产品

提升效率与体验的精心之作

AD

GPlay

私密播放器 - 支持密码与生物识别保护的音视频应用

GBalance

极简记账 - 智能记账与资产分析工具

GFocus

高效时间管理 - 基于 GTD 理念的智能效率工具

GMemor

私密笔记 - 专注隐私保护与极简写作