Générateur de Dégradés Mesh
Créez des arrière-plans avec dégradés mesh (taches de couleur estompées) et téléchargez-les en PNG ou copiez le code CSS.
Comment créer un dégradé mesh en ligne
Choisissez la couleur de fond et ajoutez des couleurs
Sélectionnez une couleur de base et ajoutez jusqu'à 6 taches de couleur qui se mélangeront entre elles.
Aléatoisez les positions
Appuyez sur le bouton d'aléatorisation pour repositionner les taches de couleur jusqu'à trouver une combinaison qui vous plaît.
Téléchargez le PNG ou copiez le CSS
Téléchargez le résultat sous forme d'image PNG prête à l'emploi, ou copiez le code CSS pour l'appliquer directement sur votre site web.
Questions fréquentes sur le générateur de gradients mesh
Les gradients mesh (ou dégradés de maille) sont devenus populaires comme arrière-plan pour les pages web, les applications et les réseaux sociaux grâce à leur aspect lisse et abstrait. Cet outil les génère et les télécharge directement dans votre navigateur.
Qu'est-ce qu'un gradient mesh ?
+
C'est un dégradé formé par plusieurs taches de couleur estompées qui se mélangent entre elles, plutôt qu'une transition linéaire ou radiale simple entre deux couleurs.
En quoi est-ce différent du générateur de dégradés CSS normal ?
+
Le générateur de dégradés CSS crée des transitions linéaires ou radiales entre 2 et 4 couleurs. Ce générateur crée un effet plus organique avec plusieurs taches de couleur indépendantes, et permet en plus de télécharger le résultat directement sous forme d'image PNG.
Combien de couleurs puis-je utiliser ?
+
Vous pouvez combiner entre 3 et 6 couleurs dans le même dégradé mesh.
Puis-je télécharger le résultat en tant qu'image ?
+
Oui, vous pouvez télécharger le dégradé mesh directement au format PNG, prêt à être utilisé comme arrière-plan.
Est-ce gratuit ?
+
Oui, cet outil est complètement gratuit.
Mon design est-il téléchargé sur un serveur ?
+
Non. L'ensemble du processus, de la génération au téléchargement du PNG, s'effectue directement dans votre navigateur, sans envoyer aucune donnée à un serveur.
Couleurs
Convertisseur de couleurs (HEX, RGB, HSL, CMYK)
Convertissez n'importe quelle couleur entre HEX, RGB, HSL et CMYK instantanément, avec aperçu en direct et nom de couleur le plus proche.
Générateur de palettes de couleurs
Créez des palettes de 5 couleurs harmonieuses (complémentaires, analogues, triadiques ou monochromatiques) à partir d'une couleur de base.
Générateur de dégradés CSS
Créez des dégradés linéaires ou radiaux avec jusqu'à 4 couleurs et copiez le code CSS prêt à l'emploi.
Vérificateur de contraste WCAG
Vérifie si la combinaison de couleur de texte et d'arrière-plan respecte les niveaux d'accessibilité AA et AAA.
Couleur aléatoire
Générez une couleur aléatoire en un clic et découvrez son nom, son code HEX/RGB/HSL et les couleurs similaires.
Sélecteur de couleur (pipette)
Choisissez n'importe quelle couleur de votre écran avec l'outil pipette du navigateur, ou utilisez le sélecteur classique.
Simulateur de daltonisme
Téléchargez une image et découvrez comment la verraient les personnes atteintes de protanopie, deutéranopie ou tritanopie.
Générateur de Teintes et d'Ombres
Générez automatiquement les teintes les plus claires et les ombres les plus foncées de n'importe quelle couleur, avec son code HEX.
Mélangeur de Couleurs
Mélangez deux couleurs et découvrez les teintes intermédiaires étape par étape, avec leur code HEX.
Roue Chromatique (Harmonies)
Choisissez une couleur sur la roue et découvrez ses combinaisons harmonieuses : complémentaires, analogues, triadiques et plus.
Extracteur de Palette depuis Image
Téléchargez une image et extrayez automatiquement ses couleurs dominantes dans une palette, avec le code HEX de chacune.
Couleur Moyenne d'une Image
Téléchargez une image et calculez instantanément sa couleur moyenne, avec ses codes HEX, RGB et HSL.
Explorez les couleurs par famille
Plus de 469 couleurs nommées, avec leurs codes HEX, RGB, HSL et CMYK, organisées dans 12 familles de teintes.
