Générateur de mesh gradient
Choisissez jusqu’à cinq couleurs et générez des variantes jusqu’à ce qu’elles vous plaisent. Le fond est réalisé avec radial-gradient en CSS et peut aussi être téléchargé en image.
Mode d’emploiDégradés multicolores
Disponible en: 
Générateur de mesh gradient: à quoi ça sert
Le mesh gradient est un dégradé avec plusieurs taches de couleur qui se mélangent, très utilisé en arrière-plan de sites, de présentations et de publications.
Ici, vous choisissez de deux à cinq couleurs, mélangez les positions jusqu’à ce que le résultat vous plaise et copiez le CSS fait de couches de radial-gradient, que le navigateur dessine sans télécharger d’image. Si vous préférez, téléchargez en PNG aux formats écran, publication, story ou image de lien.
Mode d’emploi
- Choisissez les couleurs et le fond.
- Cliquez sur mélanger à nouveau jusqu’à aimer la composition.
- Copiez le CSS ou téléchargez le PNG à la bonne taille.
Quand l’utiliser
- Fond de l’en-tête (hero) d’un site.
- Couverture de présentation ou de publication.
- Image de fond pour le téléphone.
Questions fréquentes
Qu’est-ce qu’un mesh gradient ?
C’est un dégradé avec plusieurs taches de couleur qui se mélangent dans des directions différentes, au lieu d’aller d’un côté à l’autre. Il a un aspect organique, comme une aurore ou de l’encre dans l’eau, et il est très utilisé en arrière-plan de sites et de présentations.
Comment est-il réalisé en CSS ?
Avec plusieurs couches de radial-gradient, chacune ayant une couleur à une position donnée et transparente sur les bords, au-dessus d’une couleur de fond. Le navigateur dessine tout, sans télécharger d’image.
Et le texte par-dessus ?
Choisissez des couleurs de luminosité proche et mettez le texte dans une couleur qui contraste avec toutes, ou utilisez une couche semi-transparente derrière le texte. Vérifiez le contraste avant de publier.
Vraiment gratuit ?
Oui, 100 % gratuit. Sans inscription, sans abonnement et sans limite d’utilisation. Tous les outils de Tools123 sont gratuits.