Design Tools
Gerador de Formas Blob
Gere formas blob orgânicas para design web moderno
Forma
5
50%
400px
0°
Cor
<svg viewBox="0 0 100 100" width="400" height="400" xmlns="http://www.w3.org/2000/svg">
<path d="M 122.22149068060162,50 C 121.11894054677964,70.8685294166622 107.58733123583082,74.45360715755069 89.53195856568041,89.53195856568041 C 71.47658589553001,104.61030997381013 71.22000041306217,108.85938450229692 50.00000000000001,110.31340563251888 C 28.77999958693784,111.76742676274084 19.870471395319008,110.42639449469799 4.651956913431739,95.34804308656827 C -10.566557568455531,80.26969167843855 -12.159907229275875,71.38817224155733 -10.874057927549075,50.00000000000001 C -9.588208625822274,28.61182775844268 -5.423160361548323,26.982753941919178 9.795354120338942,9.795354120338956 C 25.013868602226207,-7.3920457012412655 28.96329875484264,-17.81522098099405 49.999999999999986,-18.749599286320873 C 71.03670124515733,-19.683977591647697 75.88678643081792,-11.129558922548565 93.94215910096833,6.057840899031653 C 111.99753177111873,23.24524072061187 123.3240408144236,29.13147058333781 122.22149068060162,50 Z" fill="#6366f1" transform="rotate(0 50 50)" />
</svg>Por que usar Gerador de Formas Blob?
- ✓100% Grátis - Sem custos ocultos ou recursos premium
- ✓Sem cadastro - Use instantaneamente sem criar conta
- ✓Privacidade em primeiro lugar - Todo processamento acontece no seu navegador. Seus dados nunca saem do seu dispositivo
- ✓Ultra rápido - Resultados instantâneos sem atrasos de servidor
Como Usar
- Digite ou cole seu texto na área de entrada acima
- A ferramenta processará sua entrada automaticamente
- Copie o resultado ou baixe como arquivo
Recursos
- ✓Randomize blob shapes
- ✓Complexity and contrast control
- ✓Size adjustment
- ✓Color and gradient fill
- ✓SVG and CSS clip-path export
- ✓Animation keyframes
Perguntas Frequentes
How can I animate blob shapes?
Generate multiple blob keyframes and use CSS animations or JavaScript to transition between them.