Palette de couleurs à partir de l'image

Créez une palette de couleurs à partir d'une photo que vous aimez, puis intégrez-la directement dans votre application de conception ou votre feuille de style.

ou faites glisser et déposez une image ici — ou coller avec Ctrl+V

Comment obtenir une palette de couleurs à partir d'une image

  1. Sélectionnez, déposez ou collez une photo, une illustration ou une capture d'écran.
  2. Choisissez le nombre de couleurs, si choisir les plus courantes ou les plus distinctes, et l'ordre. Cliquez sur l'image pour ajouter une couleur.
  3. Cliquez sur une couleur pour copier son code, ou choisissez un format et cliquez sur Télécharger la palette.

À propos : Palette de couleurs d'une image

Trouvez les couleurs qui font fonctionner une image. Ajoutez une photo, une peinture, un logo ou une capture d'écran et obtenez ses couleurs principales avec leurs codes HEX, RGB et HSL, la quantité de l'image que chacun couvre et un marqueur indiquant où il apparaît.

Choisissez entre 2 et 16 couleurs, ignorez un fond blanc ou noir, triez par part, teinte ou légèreté, et ajoutez n’importe quelle couleur en cliquant sur l’image. Copiez les codes ou téléchargez la palette pour vos outils de conception et votre code. Tout fonctionne dans votre navigateur.

Idéal pour

  • Création d'un site Web ou d'un schéma de couleurs de marque à partir d'une photo
  • Associer des graphiques à une photo de produit
  • Importation d'une palette de photos dans Photoshop, illustrateur, GIMP ou inkscape

Conseil : Utilisez “Most distinct” pour obtenir des couleurs d’accent qui seraient perdues parmi les grandes zones d’une photo.

Questions fréquentes

Comment sont choisies les couleurs ?

Les pixels de l’image sont regroupés en grappes de couleurs similaires (k-means dans un espace de couleurs perceptuelles). "Le plus commun" montre les plus grands groupes, "Le plus distinct" les couleurs qui diffèrent le plus, et "Vivid" préfère les couleurs saturées.

Puis-je ajouter une couleur qui n'a pas été sélectionnée ?

Oui. Cliquez n'importe où sur l'image pour ajouter la couleur sous le pointeur à la palette.

Quels formats puis-je télécharger ?

Une image palette avec la photo, une bande de couleur, des variables CSS ou SCSS, une configuration Tailwind, JSON, un GIMP / palette Inkscape .gpl ou un fichier Adobe .ase swatch pour Photoshop et Illustrator.

Ma photo quitte-t-elle mon appareil ?

Non. Les couleurs sont travaillées dans votre navigateur, donc rien n'est envoyé.

Combien de couleurs dois-je extraire ?

Cinq ou six font généralement un schéma utilisable. Allez plus haut pour des illustrations détaillées, et choisissez les couleurs les plus distinctes si des nuances similaires ne cessent de se répéter.

Outils associés

← Retour à tous les outils