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 Motifs d'Écailles SVG

Générateur de Motifs d'Écailles SVG

Générez des motifs SVG d'écailles de poisson et de sirène avec rayon, trait et remplissage personnalisés. Parfait pour arrière-plans décoratifs, emballages, imprimés de mode et designs Art Déco.

Générateur de Motifs de Lignes SVG

Générateur de Motifs de Lignes SVG

Générez des motifs de lignes SVG nets avec angle, espacement, épaisseur et couleur personnalisés. Parfait pour arrière-plans, textures de hachures, rayures et superpositions décoratives.

Générateur d'IBAN

Générateur d'IBAN

Générez des numéros IBAN valides pour plus de 30 pays avec des clés de contrôle correctes (ISO 13616 mod-97).

Générateur d'identifiants courts

Générateur d'identifiants courts

Générez des identifiants uniques courts pour les URL, les références et les outils internes.

Extracteur de colonnes CSV

Extracteur de colonnes CSV

Extrayez des colonnes precises d'un fichier CSV par nom d'en-tete ou par index.

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.