Ir para a ferramenta
JoeLucky

Clique em ★ para salvar uma ferramenta

Categorias de ferramentas

Código para imagemGerador de gradientes CSSGlassmorphism CSSGerador de box-shadowGerador de loaders CSSGerador de blobs SVGSVG para PNGVerificador de contraste de coresConversor PX / REM / EM
JoeLucky

Ferramentas online práticas, todas em um só lugar

Política de PrivacidadeTermos de Uso

© 2026 JoeLucky®. Todos os direitos reservados.

  1. JoeLucky
  2. /CSS e design
  3. /Gerador de blobs SVG

Gerador de blobs SVG

Gere formas orgânicas em SVG com complexidade ajustável.

Configurações da forma

Complexidade (pontos)6
Aleatoriedade50
Preenchimento
Animação CSS
Prévia ao vivo
Exportar

CSS E DESIGN SEMELHANTES

Ver todas
Código para imagem

Transforme trechos de código em capturas de tela bonitas.

Abrir →
Gerador de gradientes CSS

Crie gradientes lineares, radiais e cônicos e copie o CSS na hora.

Abrir →
Glassmorphism CSS

💬 Comentários

?

Ainda não há comentários. Seja o primeiro!

O QUE É Gerador de blobs SVG?

Gere formas SVG orgânicas aleatórias (blobs) com complexidade, aleatoriedade e preenchimento ajustáveis — boas para decoração de fundo ou ilustração — e copie o SVG ou um clip-path.

Como usar?

  1. “Complexidade” (3–10) define o número de pontos; mais alto = mais detalhe. “Aleatoriedade” controla quanto os pontos se desviam de um círculo perfeito — 0 é quase redondo, 100 é o mais irregular.
  2. Clique nos 6 círculos de cor para escolher um gradiente (Roxo, Rosa, Ciano, Âmbar, Rosa-choque) ou preenchimento sólido — a prévia é atualizada na hora.
  3. Escolha entre 5 animações CSS (Nenhuma, Pulse, Float, Wobble, Spin). O SVG exportado incorpora automaticamente o código @keyframes correspondente.
  4. Clique em “Aleatorizar” para pular na hora para uma nova forma. Quando achar uma de que goste, ajuste Complexidade e Aleatoriedade para refiná-la.
  5. Quatro opções de exportação: “Copiar SVG” para a marcação completa, “Copiar clip-path” para máscara CSS, baixar como vetor SVG ou como PNG de 800×800px.

Perguntas frequentes

O que é o gerador de SVG Blob?

Gera gráficos SVG orgânicos em forma de mancha suave, com cor, complexidade e aleatoriedade personalizáveis.

Onde o SVG pode ser usado?

Incorpore em HTML/CSS ou baixe e importe no Figma, Illustrator etc.

Cada clique gera uma forma diferente?

Sim. Cada clique em Gerar novamente produz uma forma de mancha aleatória única.

Gere em tempo real o código de desfoque de fundo e borda translúcida.

Abrir →