Generador de Textura de Ruido SVG

Texturas de Ruido y Grano Sin Imágenes

SVG trae un generador de ruido incorporado a través del filtro <feTurbulence>. Esta herramienta te ofrece una interfaz visual para ajustar cada parámetro y exportar un SVG limpio listo para usar como superposición o fondo.

Dos Tipos de Ruido

• fractalNoise — apila octavas de turbulencia para un patrón suave y nuboso. Ideal para grano orgánico y texturas tipo papel.
• turbulence — ruido crudo, de mayor contraste, que recuerda a la estática o la "nieve" de TV. Bueno para efectos glitch.

Controles

• Frecuencia base — cuán fino es el ruido. Valores pequeños dan manchas grandes y suaves; valores grandes dan motas diminutas.
• Octavas — cuántas capas de ruido se suman. Más octavas = más detalle y riqueza visual.
• Semilla — entero para reproducibilidad. La misma semilla produce siempre el mismo patrón.
• Monocromo / A color — el modo monocromo multiplica todos los canales por tu color; a color mantiene el RGB nativo del ruido.
• Primer plano, Fondo, Opacidad — ajusta cómo se sitúa el ruido sobre su propio rectángulo de fondo.

Usos

• Overlays de grano sobre imágenes hero
• Efectos retro estilo TV / VHS
• Fondos tipo papel / lienzo para tarjetas de UI
• Grano de película sobre degradados (combínalo con la herramienta Gradiente Granulado)
• Ruido visual para sistemas de diseño

El SVG permanece nítido a cualquier tamaño y los navegadores rasterizan el ruido píxel a píxel en tiempo de pantalla — sin costuras ni escalado borroso. Pégalo en tu HTML o úsalo como background-image: url(...) con un data URI para la huella más pequeña posible.