Tiny Online Tools
Fundos Suaves e Etéreos Sem Imagens Pesadas
Fundos desfocados e coloridos — muitas vezes chamados de "aurora" ou "gradientes abstratos" — se tornaram um estilo padrão em landing pages, dashboards e splash screens. Em vez de servir um PNG pesado, este gerador produz algumas elipses SVG desfocadas com o filtro feGaussianBlur: o resultado permanece nítido em qualquer resolução, pesa poucos kilobytes e aproveita ao máximo a GPU do navegador.
Como Funciona
A ferramenta espalha algumas elipses aleatoriamente em um viewBox de 800×600 usando uma função aleatória baseada em semente. Cada elipse escolhe uma cor da sua paleta. O grupo inteiro é envolto em um filtro SVG que aplica um forte desfoque gaussiano — forte o suficiente para que as formas se fundam umas nas outras, criando o visual suave, tipo nuvem.
Controles
- Formas — quantas elipses desfocadas desenhar. Mais formas geram fundos mais ricos e densos.
- Desfoque — intensidade do blur gaussiano. Pouco desfoque mantém as formas distintas; muito as funde em um gradiente.
- Variância de tamanho — quanto as formas variam em tamanho.
- Paleta — até cinco cores personalizadas. Adicione ou remova para combinar com sua marca.
- Fundo — cor sólida atrás das formas desfocadas.
- Semente + Rerrolar — rerrole para testar novas disposições; a mesma semente sempre produz o mesmo resultado.
Usos Comuns
- Fundos de seção hero
- Splash screens modernas
- Imagens OG / de compartilhamento social
- Fundos de seção de preços
- Fundos de cartões em páginas de marketing
O SVG se estica a qualquer contêiner com width: 100% graças ao preserveAspectRatio="none". Cole a saída diretamente no seu HTML, React ou ferramentas de design — ou ajuste as cores depois em um editor de texto.