Skip to main content
Penguin ToolsFerramentas Pinguim

Gerador de Blob SVG

Gere automaticamente SVGs com formas orgânicas de blob. Ajuste a aleatoriedade e complexidade para decorações de web design.

#6366f1

Pré-visualização

SVG

<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
  <path d="M 270.05 200.00 C 270.25 233.61, 313.10 272.60, 301.43 301.43 C 289.75 330.26, 229.50 377.27, 200.00 372.96 C 170.50 368.65, 144.88 304.39, 124.44 275.56 C 103.99 246.74, 76.22 224.08, 77.33 200.00 C 78.43 175.92, 110.63 165.51, 131.07 131.07 C 151.52 96.63, 171.81 -1.41, 200.00 -6.62 C 228.19 -11.84, 288.54 65.35, 300.21 99.79 C 311.89 134.22, 269.84 166.39, 270.05 200.00 Z" fill="#6366f1" />
</svg>
Compartilhar ferramenta
📖

Como usar

Step 1

Definir Parâmetros

Definir Parâmetros

Defina parâmetros: complexidade, aleatoriedade, tamanho, etc.

Step 2

Gerar Blob

Gerar Blob

Gere e pré-visualize formas de blob aleatórias

Step 3

Copiar SVG

Copiar SVG

Copie o código SVG ou baixe como imagem

✨

Recursos

Geração com Um Clique

Gere instantaneamente formas de blob únicas com um clique

Totalmente Personalizável

Ajuste livremente complexidade, aleatoriedade, cor e gradientes

Múltiplos Formatos de Exportação

Exporte como código SVG, arquivo SVG, imagem PNG e mais

❓

FAQ

Formas orgânicas, arredondadas e amorfas geradas aleatoriamente. Populares como elementos decorativos em web design.

🔗Ferramentas relacionadas

🎨
Ferramentas de Design

Conversor de Código de Cor

Converta entre códigos de cor HEX, RGB e HSL. Use o seletor de cores e a visualização em tempo real para seleção intuitiva de cores.

🎨
Ferramentas de Design

Seletor de Cores

Selecione cores intuitivamente usando uma roda de cores e controles deslizantes. Obtenha e copie códigos de cor nos formatos HEX, RGB e HSL.

🎨
Ferramentas de Design

Extrator de Cores de Imagem

Detecte automaticamente as cores dominantes de uma imagem e gere uma paleta de cores. Você também pode clicar em qualquer lugar da imagem para selecionar cores individuais.

🎯
Ferramentas de Design

Seletor de Cor Média da Imagem

Calcule a cor média de uma imagem inteira ou de uma área selecionada. Útil para escolher esquemas de cores ou cores de fundo de miniaturas.

🌈
Ferramentas de Design

Gerador de Gradiente CSS

Crie visualmente gradientes CSS com controles de arraste. Suporta tipos de gradiente linear, radial e cônico com predefinições.

🔲
Ferramentas de Design

Gerador de CSS Box Shadow

Crie visualmente CSS box-shadow com controles deslizantes. Suporta múltiplas sombras e sombras internas.