Tiny Online Tools
Texturas de Ruído e Grão Sem Imagens
SVG traz um gerador de ruído nativo pelo filtro <feTurbulence>. Esta ferramenta oferece uma interface visual para ajustar cada parâmetro e exportar um SVG limpo, pronto para uso como sobreposição ou fundo.
Dois Tipos de Ruído
- fractalNoise — empilha oitavas de turbulência num padrão suave e nublado. Ótimo para grão orgânico e texturas tipo papel.
- turbulence — ruído cru, de maior contraste, que lembra estática ou "neve" de TV. Ideal para efeitos glitch.
Controles
- Frequência base — o quão fino é o ruído. Valores baixos geram manchas grandes e suaves; altos geram pontos minúsculos.
- Oitavas — quantas camadas de ruído são somadas. Mais oitavas = mais detalhe.
- Semente — inteiro para reprodutibilidade. Mesma semente = mesmo padrão.
- Monocromático / Colorido — o modo monocromático multiplica todos os canais pela sua cor; colorido mantém o RGB nativo.
- Frente, Fundo, Opacidade — ajustam como o ruído fica sobre seu próprio retângulo de fundo.
Usos
- Overlays de grão sobre imagens hero
- Efeitos retrô TV / VHS
- Fundos tipo papel/canvas para cards de UI
- Grão de filme sobre gradientes (combine com o Gradiente Granulado)
- Ruído visual para design systems
O SVG permanece nítido em qualquer tamanho e os navegadores rasterizam o ruído pixel a pixel na hora — sem emendas de mosaico, sem embaçamento ao escalar. Cole no seu HTML ou use como background-image: url(...) com data URI para o menor tamanho possível.