Gerador de blob SVG

Gere uma forma orgânica aleatória (blob) em SVG, ideal como forma de fundo decorativa atrás de uma foto ou de um título. Complexidade, irregularidade e cor são ajustáveis, e basta um clique para obter uma nova variante.

Variante:
Pré-visualização

Como funciona

A ferramenta distribui um número escolhido de pontos (a complexidade) de forma regular em volta de um círculo, desloca cada um aleatoriamente para dentro ou para fora conforme o nível de irregularidade escolhido e depois liga esses pontos por uma curva suavizada (spline de Catmull-Rom convertida em Bézier) para obter um contorno fechado e arredondado, sem ângulos agudos.

Como manter a mesma forma, mas mudar a cor ou o tamanho?

A forma depende apenas do número de pontos e de um valor interno de "semente" aleatória fixado no momento da geração: enquanto você não clicar em "Gerar uma nova forma aleatória" nem mudar a complexidade, ajustar a cor, o tamanho ou a irregularidade mantém o mesmo contorno geral, apenas redimensionado ou recolorido.

Onde usar esse tipo de blob em um design?

Os blobs SVG são muito usados como fundo de seções hero, atrás de uma foto de perfil ou de um produto, para quebrar a rigidez das formas retangulares, ou como máscara de recorte orgânica para uma imagem (usando o blob como clip-path).

Geração 100% local: a forma é calculada inteiramente no seu navegador, sem enviar nenhum dado a um servidor.