Studio de dégradés mesh

Déplacez des points de couleur, choisissez un mode de mélange, ajoutez du grain et une ondulation, puis exportez en PNG, SVG, CSS, vidéo WebM ou fond animé pour votre site.

Tout est calculé dans votre navigateur : aucune image ni aucun réglage n’est envoyé à un serveur.

Gratuit · sans inscription

À propos de cet outil

Ce studio crée des dégradés mesh, ces fonds de couleurs fondues très utilisés pour les sites, les présentations, les fonds d’écran et les réseaux sociaux. Vous posez des points de couleur sur l’aperçu et vous les déplacez à la souris, au doigt ou au clavier. Trois modes de mélange sont proposés : une grille déformable interpolée en bilinéaire ou en bicubique, un champ de points façon aurore boréale et des halos flous sur un fond uni.

Le grain réglable donne une texture photo et évite les bandes de couleur, la déformation ajoute des vagues, un tourbillon ou un effet liquide. Dix palettes prêtes et un tirage aléatoire servent de point de départ. Vous exportez une image PNG jusqu’à 6 000 px de côté ou aux formats courants (fond d’écran, story, bannière, Open Graph), une vidéo en boucle enregistrée par le navigateur, un SVG à filtres, un CSS approchant et un petit code de fond animé à coller dans votre site.

  • Trois modes : grille mesh, aurore, halos flous
  • Points déplaçables à la souris, au doigt ou au clavier
  • Grain, saturation, luminosité et déformation
  • Animation en boucle parfaite et vidéo WebM
  • PNG jusqu’à 6 000 px et formats prêts
  • Export SVG, CSS et code de fond animé

Comment l’utiliser

  1. Choisissez un format au-dessus de l’aperçu, puis un mode de mélange et une palette.
  2. Déplacez les points, changez leur couleur et leur rayon, ajoutez du grain ou une déformation.
  3. Activez l’animation pour un fond vivant, puis enregistrez la vidéo dans l’onglet Animation.
  4. Dans l’onglet Export, téléchargez le PNG ou le SVG, ou copiez le CSS et le code embarquable.

Outils associés

Voir tous les outils gratuits →