Tiny Online Tools logoTiny Online ToolssearchRechercher des outils…grid_viewTous les outils
Accueilchevron_rightOutils SVGchevron_rightGénérateur de Formes Floues SVGGénérateur de Formes Floues SVG

Générateur de Formes Floues SVG

Créez des arrière-plans SVG flous et oniriques de style aurora avec contrôle de la palette et du flou.

FormesArrière-planPalette
Dimensions de sortieResponsive (s'étire au conteneur)Code generecodeSVGbrushCSS
xml
css

Outils similaires

Générateur de Vagues SVG

Générateur de Vagues SVG

Générez des formes de vagues SVG lisses et personnalisables pour des séparateurs de sections, arrière-plans hero et éléments décoratifs.

Générateur de Formes Néon SVG

Générateur de Formes Néon SVG

Générez des formes SVG au néon lumineux — cercles, polygones, étoiles et plus — avec trait, lueur et arrière-plan ajustables.

Générateur de Blobs SVG

Générateur de Blobs SVG

Créez des formes de blob organiques et aléatoires en SVG propre avec un contrôle total sur la complexité, l'aléatoire, les couleurs et les remplissages en dégradé.

Générateur de Flèches SVG

Générateur de Flèches SVG

Créez des flèches SVG personnalisables et propres — droites, courbées ou en zigzag — avec un contrôle total sur l'épaisseur, la couleur et le style de pointe.

Extraire l’audio

Extraire l’audio

Extrayez la piste audio de n’importe quel fichier vidéo et téléchargez-la en WAV.

Convertir PNG en AVIF

Convertir PNG en AVIF

Convertissez des images PNG au format moderne AVIF pour des fichiers beaucoup plus petits.

PDF en JPG

PDF en JPG

Convertissez des pages PDF en images JPG de haute qualité.

apps

Plus d'outils

Parcourez notre collection complète d'outils en ligne gratuits.

Des Arrière-plans Doux et Oniriques Sans Images Lourdes

Les arrière-plans flous et colorés — souvent appelés "aurora" ou "dégradés abstraits" — sont devenus un style incontournable pour les landing pages, dashboards et écrans de lancement d'applications. Plutôt que de charger un PNG lourd, ce générateur produit quelques ellipses SVG floutées via un filtre feGaussianBlur : le résultat reste net à n'importe quelle résolution, ne pèse que quelques kilo-octets et tire pleinement parti du GPU du navigateur.

Comment ça Marche

L'outil disperse une poignée d'ellipses au hasard dans un viewBox 800×600 à l'aide d'une fonction aléatoire à graine. Chaque ellipse prend une couleur de votre palette. L'ensemble est enveloppé dans un filtre SVG qui applique un fort flou gaussien — suffisamment pour que les formes se fondent entre elles et produisent cet aspect doux, façon nuage.

Contrôles

  • Formes — combien d'ellipses floues dessiner. Plus de formes donnent des arrière-plans plus riches et chargés.
  • Flou — intensité du flou gaussien. Un flou faible garde les formes distinctes ; un flou fort les fond en un dégradé.
  • Variation de taille — à quel point les formes varient en taille.
  • Palette — jusqu'à cinq couleurs personnalisées. Ajoutez ou retirez pour correspondre à votre marque.
  • Fond — une couleur unie derrière les formes floues.
  • Graine + Relancer — relancez pour essayer de nouvelles dispositions ; la même graine donne toujours le même résultat.

Usages Courants

  • Arrière-plans de sections hero
  • Écrans de lancement modernes
  • Images OG / de partage social
  • Arrière-plans de sections tarifs
  • Arrière-plans de cartes pour pages marketing

Le SVG s'étire à n'importe quel conteneur en width: 100% grâce à preserveAspectRatio="none". Collez la sortie directement dans votre HTML, React ou outils de design — ou modifiez les couleurs plus tard dans un éditeur de texte.