Générateur SVG Blob
Générez de belles formes blob SVG organiques pour vos 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>
Outils recommandés
Utilitaires sélectionnés qui pourraient vous être utiles
Générer des formes organiques SVG (blobs)
Aperçu
Les blobs — formes organiques douces et irrégulières — sont un moyen populaire d'ajouter une touche sympathique et moderne à un design, en fonds, masques d'image ou accents décoratifs. Dessiner un blob lisse à la main est délicat, alors un générateur de blobs crée des formes organiques aléatoires en SVG que vous pouvez régler et exporter. Cet outil crée des blobs dans votre navigateur et vous donne un code SVG propre à poser sur n'importe quelle page.
Comment utiliser (étape par étape)
- 1
Ajustez complexité et aléa
Réglez le nombre de points et l'irrégularité du blob jusqu'à ce que la forme convienne.
- 2
Choisissez une couleur et régénérez
Choisissez une couleur de remplissage et générez de nouvelles variations jusqu'à en trouver une qui vous plaît.
- 3
Copiez le SVG
Récupérez le code SVG généré ou exportez-le, puis placez-le dans votre page ou design.
Comment ça marche
Le générateur crée un tracé fermé avec plusieurs points répartis autour d'un centre, les relie par des courbes lisses et randomise leur distance pour obtenir une forme irrégulière mais équilibrée. Vous ajustez la complexité (nombre de points) et l'aléa (à quel point c'est irrégulier), choisissez une couleur, et il produit du SVG. Étant vectoriel, le blob s'affiche net à toute taille. Tout tourne localement dans votre navigateur.
Quand l'utiliser
Ajouter une forme de fond douce derrière du texte ou une illustration. Masquer une photo en contour organique plutôt qu'un rectangle. Créer des accents décoratifs sympathiques pour une landing page. Construire un fond de hero moderne et non géométrique. Faire des blobs assortis aux couleurs de votre marque. Exporter une forme vectorielle légère plutôt qu'une image lourde.
Questions Fréquentes
Étant vectoriel, un blob SVG reste parfaitement net à toute taille, pèse très peu et se recolore en modifiant une valeur. Une image matricielle de la même forme est plus lourde et devient floue en agrandissant.
Notes Importantes
Chaque blob généré est aléatoire, alors enregistrez le code SVG dès que vous en trouvez un qui vous plaît — régénérer ne reproduira pas exactement la même forme. Une très forte complexité peut rendre le tracé volumineux et plus difficile à animer avec fluidité.