Définissez la palette d'une photo de votre choix

Sélection automatique de couleurs sur la base de photos et d'images.

Chargez une image, définissez la gamme de 10 couleurs qui la composent et observez comment elles s'accordent sur votre page web.

Vous pouvez glisser-déposer une image ou bien appuyer sur le bouton « Charger une image ».
www.gradients.app — pick colors from image
{{ color.hex }}

Accentuées

Les couleurs vives de la palette soulignent les détails importants et attirent l'attention 🔥

#{{getColor(1)}}

#{{getColor(2)}}

#{{getColor(3)}}

#{{color}}
#{{color}}

Nous vous aiderons à choisir une couleur de texte et une couleur d'arrière-plan

Des couleurs contrastées rendent votre contenu plus percutant encore 🤩

Atténuées

Convient aux notifications, aux cartes d'information et autres blocs 👍

#{{getColor(7)}}

#{{getColor(8)}}

#{{getColor(9)}}

#{{getColor(10)}}

Claires

Idéales pour les fonds et les arrières-plans 😺

#{{color}}

Sombres

Utilisez-les pour le texte et les titres 📝

#{{color}}

Inversées

Le revers de la palette. Ces couleurs contrastent bien avec les couleurs de votre gamme. 🦇

#{{invertColor(getColor(1))}}
#{{invertColor(getColor(2))}}
#{{invertColor(getColor(3))}}
#{{invertColor(getColor(4))}}
#{{invertColor(getColor(5))}}
#{{invertColor(getColor(6))}}
#{{invertColor(getColor(7))}}
#{{invertColor(getColor(8))}}
#{{invertColor(getColor(9))}}
#{{invertColor(getColor(10))}}

Outils

Bonjour,
quel plaisir de vous revoir !

Mot de passe oublié ?

Indiquez l'adresse courriel que vous avez utilisée lors de la création de votre compte. Vous recevrez les instructions qui vous permettront de modifier votre mot de passe.

Créer un compte

Les mots de passe ne correspondent pas

Découvrez les Gradients de Maillage

Nous avons ajouté un générateur de gradients de maillage et une nouvelle bibliothèque de maillage que vous pouvez enrichir avec vos propres gradients. Maintenant, vous pouvez créer de magnifiques gradients abstraits, les télécharger, copier leurs codes CSS, les enregistrer dans votre tableau de bord personnel et les ajouter à la bibliothèque publique.

Nous ajouterons bientôt un générateur de gradients radiaux !

Dégradés de maillage