Gerador de SVG Blob
Gere formas blob SVG orgânicas e bonitas para designs.
SVG
<svg viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg"> <defs><linearGradient id="g" gradientTransform="rotate(45 0.5 0.5)"><stop offset="0%" stop-color="#6366f1"/><stop offset="100%" stop-color="#ec4899"/></linearGradient></defs> <path d="M 452.81,300.00 C 459.68,354.34 456.02,471.39 414.75,498.76 C 373.48,526.12 261.47,497.32 205.20,464.19 C 148.94,431.06 78.41,356.90 77.15,300.00 C 75.90,243.10 148.28,143.98 197.67,122.77 C 247.07,101.55 330.98,143.16 373.50,172.70 C 416.02,202.24 445.93,245.66 452.81,300.00 Z" fill="url(#g)"/> </svg>
Ferramentas recomendadas
Utilitários selecionados que você pode achar úteis
Gerar formas orgânicas SVG (blobs)
Visão Geral
Blobs — formas orgânicas suaves e irregulares — são um jeito popular de dar um toque amigável e moderno a um design como fundos, máscaras de imagem ou enfeites decorativos. Desenhar um blob suave à mão é complicado, então um gerador de blobs cria formas orgânicas aleatórias como SVG que você pode ajustar e exportar. Esta ferramenta cria blobs no navegador e te dá código SVG limpo para pôr em qualquer página.
Como usar (passo a passo)
- 1
Ajuste complexidade e aleatoriedade
Defina quantos pontos e quão irregular o blob é até a forma parecer boa.
- 2
Escolha uma cor e gere de novo
Escolha uma cor de preenchimento e gere novas variações até achar uma que você goste.
- 3
Copie o SVG
Pegue o código SVG gerado ou exporte-o, depois coloque na sua página ou design.
Como Funciona
O gerador cria um traçado fechado com vários pontos espalhados ao redor de um centro, conecta-os com curvas suaves e aleatoriza a distância deles para formar uma forma irregular mas equilibrada. Você ajusta a complexidade (número de pontos) e a aleatoriedade (quão irregular fica), escolhe uma cor, e ele gera SVG. Por ser vetorial, o blob escala nítido em qualquer tamanho. Tudo roda localmente no navegador.
Quando usar
Adicionar uma forma de fundo suave atrás de texto ou uma ilustração. Mascarar uma foto num contorno orgânico em vez de um retângulo. Criar enfeites decorativos amigáveis para uma landing. Construir um fundo de hero moderno e não geométrico. Fazer blobs combinando nas cores da sua marca. Exportar uma forma vetorial leve em vez de uma imagem pesada.
Perguntas Frequentes
Por ser vetorial, um blob SVG fica perfeitamente nítido em qualquer tamanho, pesa muito pouco e pode ser recolorido editando um valor. Uma imagem rasterizada da mesma forma é mais pesada e borra ao ampliar.
Notas Importantes
Cada blob gerado é aleatório, então salve o código SVG assim que achar um que goste — gerar de novo não reproduzirá exatamente a mesma forma. Complexidade muito alta pode deixar o traçado grande e mais difícil de animar com fluidez.