EnglishGerador de blob SVG (formas orgânicas)
Toque em outra forma até achar uma que combine. Ajuste os pontos e a irregularidade, escolha as cores e copie o SVG ou use como máscara de foto.
Formas orgânicas para o site
Tudo é feito no seu aparelho: nada é enviado para a internet.
Disponível em: 
Gerador de blob SVG (formas orgânicas): para que serve
Escolha a quantidade de pontos e a irregularidade, a cor ou um degradê de duas cores e gere novas formas com um toque. A curva passa suavemente por todos os pontos e fecha sem quinas.
Baixe o SVG, copie o código ou copie a versão de máscara (clipPath) para recortar qualquer foto no formato do blob.
Como usar
- Ajuste pontos e irregularidade.
- Escolha a cor ou o degradê e gere formas até gostar.
- Baixe o SVG ou copie a máscara de foto.
Quando usar
- Fundos atrás de fotos e ilustrações.
- Fotos de perfil com formato orgânico.
- Enfeites em seções de sites e posts.
Perguntas frequentes
Para que serve um blob?
Formas orgânicas quebram a rigidez de layouts quadrados: ficam bem atrás de fotos, ícones e ilustrações, como fundo de seções e como moldura de fotos de perfil.
Como uso como moldura de foto?
Copie o código da máscara (clip-path): ele usa o mesmo desenho em um clipPath com coordenadas relativas, e qualquer imagem com o estilo clip-path:url(#blob) fica com a forma do blob.
Posso animar?
Sim, gerando duas formas com o mesmo número de pontos e animando o atributo d com CSS ou JavaScript. Use animações lentas e respeite quem prefere menos movimento (prefers-reduced-motion).
É grátis mesmo?
Sim, 100% grátis. Sem cadastro, sem assinatura e sem limite de uso. Todas as ferramentas do Ferramentas123 são gratuitas e rodam direto no seu navegador.