Aller à l'outil
JoeLucky

Cliquez sur ★ pour enregistrer un outil

Catégories d'outils

Code en imageGénérateur de dégradés CSSGlassmorphism CSSGénérateur de box-shadowGénérateur de loaders CSSGénérateur de blobs SVGSVG en PNGVérificateur de contrasteConvertisseur PX / REM / EM
JoeLucky

Des outils en ligne pratiques, tous au même endroit

Politique de confidentialitéConditions d'utilisation

© 2026 JoeLucky®. Tous droits réservés.

  1. JoeLucky
  2. /CSS et design
  3. /Générateur de blobs SVG

Générateur de blobs SVG

Générez des formes organiques en SVG avec une complexité réglable.

Réglages de la forme

Complexité (points)6
Aléa50
Remplissage
Animation CSS
Aperçu en direct
Exporter

CSS ET DESIGN SIMILAIRES

Tout voir
Code en image

Transformez vos extraits de code en captures d'écran soignées.

Ouvrir →
Générateur de dégradés CSS

Créez des dégradés linéaires, radiaux et coniques et copiez le CSS aussitôt.

Ouvrir →
Glassmorphism CSS

💬 Commentaires

?

Aucun commentaire pour le moment. Soyez le premier !

QU'EST-CE QUE Générateur de blobs SVG ?

Générez des formes SVG organiques aléatoires (blobs) avec complexité, aléa et remplissage réglables — idéales pour la décoration d'arrière-plan ou l'illustration — et copiez le SVG ou un clip-path.

Comment l'utiliser ?

  1. « Complexité » (3–10) définit le nombre de points ; plus c'est élevé, plus c'est détaillé. « Aléa » contrôle l'écart des points par rapport à un cercle parfait — 0 est presque rond, 100 le plus irrégulier.
  2. Cliquez sur les 6 cercles de couleur pour choisir un dégradé (Violet, Rose, Cyan, Ambre, Rose vif) ou un aplat — l'aperçu se met à jour instantanément.
  3. Choisissez parmi 5 animations CSS (Aucune, Pulse, Float, Wobble, Spin). Le SVG exporté intègre automatiquement le code @keyframes correspondant.
  4. Cliquez sur « Aléatoire » pour passer aussitôt à une nouvelle forme. Quand vous en trouvez une qui vous plaît, affinez la Complexité et l'Aléa pour la peaufiner.
  5. Quatre options d'export : « Copier le SVG » pour le balisage complet, « Copier le clip-path » pour le masquage CSS, télécharger en vecteur SVG, ou en PNG de 800×800 px.

Questions fréquentes

Qu'est-ce que le générateur de SVG Blob ?

Il génère des graphiques SVG organiques en forme de blob lisse, avec couleur, complexité et aléa personnalisables.

Où peut-on utiliser le SVG ?

Intégrez-le dans du HTML/CSS ou téléchargez-le et importez-le dans Figma, Illustrator, etc.

Chaque clic génère-t-il une forme différente ?

Oui. Chaque clic sur Régénérer produit une forme de blob aléatoire unique.

Générez le code d'un flou d'arrière-plan et d'une bordure translucide en direct.

Ouvrir →