Gerador de blobs SVG
Gere formas orgânicas aleatórias (blobs) para fundos e ilustrações. Ajuste complexidade e aleatoriedade, preenchimento sólido, gradiente ou contorno, e exporte SVG, PNG ou CSS.
Carregando Gerador de blobs SVG…
Seus arquivos nunca saem do seu dispositivo
Como usar Gerador de blobs SVG
- 1
Abra Gerador de blobs SVG nesta página. Ele carrega direto no seu navegador.
- 2
Adicione seu arquivo, texto ou valores e ajuste as configurações.
- 3
Copie ou baixe o resultado. Nada é enviado nem armazenado.
Sobre esta ferramenta
Os blobs, formas orgânicas e suaves, são um jeito popular de dar cor e movimento a landing pages, seções hero, telas de apps e artes para redes sociais sem usar fotos. Este gerador de blobs cria um blob aleatório novo com um clique e permite moldar, colorir e exportar para o seu código ou ferramenta de design.
Como criar um blob
- Clique em New blob até gostar da forma.
- Ajuste a complexidade (número de curvas) e a aleatoriedade (o quanto ele é irregular).
- Escolha o preenchimento: sólido, gradiente ou contorno, e defina as cores.
- Copie o SVG ou o CSS, ou baixe um arquivo SVG ou PNG.
Ideias de uso
- Fundos hero: um blob grande com gradiente suave atrás de um título.
- Molduras de imagem: use o blob como máscara para uma foto assumir a forma dele.
- Ícones e selos: blobs pequenos atrás de ícones para um visual amigável.
- Divisores de seção e formas decorativas em apresentações e posts.
Dicas
- Mantenha a complexidade baixa para formas calmas e suaves; aumente para formas onduladas e divertidas.
- Use SVG em sites: é leve, nítido em qualquer tamanho e fácil de recolorir com CSS.
- Reduza a opacidade e empilhe dois ou três blobs para dar profundidade.
- Anime suavemente um blob SVG com transformações CSS para um fundo com vida.
Combine blobs com gradientes do gerador de gradiente CSS, ou adicione fundos repetidos com o gerador de padrões.
Perguntas frequentes
Como gerar uma nova forma de blob?
Clique em New blob. Cada clique cria uma forma aleatória diferente que você pode ajustar depois.
Posso usar os blobs comercialmente?
Sim. As formas que você gera são suas para usar em sites, apps e designs.
Quais formatos posso exportar?
Copie o código SVG ou CSS, ou baixe o blob como arquivo SVG ou PNG.
Um blob pode ter gradiente?
Sim. Escolha o preenchimento em gradiente e as cores, ou use contorno para um blob só de linha.
Como usar um blob como máscara de imagem?
Use o caminho SVG como clipPath no SVG, ou a saída CSS como clip-path, para que uma imagem assuma a forma do blob.
É grátis?
Sim, sem cadastro e sem marca d'água.