Passer au contenu principal

Extracteur de palette de couleurs : obtenez une palette depuis une image

Obtenez les couleurs principales d'une photo sous forme de 4 à 12 pastilles. Copiez les codes HEX, RGB ou HSL, ou exportez en CSS, Tailwind, JSON ou PNG.

100 % privé. Rien n'est envoyé en ligne.

Traitement 100 % sur l'appareilAucun téléchargement depuis le serveurExporter au format CSS, Tailwind et JSON

Comment extraire une palette de couleurs d'une image

  1. Télécharger une image

    Cliquez sur Choisir une image ou glissez un fichier JPG, PNG, WebP, GIF, BMP ou SVG sur la page.

  2. Afficher les couleurs

    Une palette de 8 couleurs maximum apparaît. Choisissez 4, 6, 10 ou 12 sous Couleurs pour la modifier.

  3. Copier et exporter

    Cliquez sur une pastille ou un code pour le copier, ou exportez en CSS, Tailwind, JSON ou PNG.

Fonctionnalités clés

  • 4 à 12 couleurs par palette
  • Vos fichiers restent sur votre appareil
  • Outil en ligne gratuit
  • Aucune inscription requise
  • Exportation CSS et Tailwind
  • Valeurs HEX, RGB et HSL

Que pouvez-vous faire avec des palettes de couleurs extraites ?

Conception de sites Web et d'applications

  • Démarrer les jetons de couleur d'un système de design
  • Exporter des variables CSS ou une config Tailwind
  • Adapter le thème d'un site à sa photo d'en-tête
  • Choisir un schéma de couleurs d'interface à partir d'une photo d'ambiance

Image de marque et identité

  • Voir les couleurs principales d'un logo ou d'une photo produit
  • Créez des planches d'inspiration à partir de photos de référence
  • Garder des couleurs cohérentes sur un ensemble d'images de marque
  • Partager une palette en bande PNG ou en JSON

Art et photographie

  • Étudier les couleurs d'une peinture ou d'une illustration
  • Extraire une palette depuis la photo d'une œuvre célèbre
  • Créer des études de couleurs à partir de photos de nature
  • Démarrer une palette pour une illustration numérique

Qu'est-ce qu'un extracteur de palette de couleurs ?

Un extracteur de palette de couleurs repère les couleurs principales d'une image et les affiche sous forme de pastilles, chacune avec son code couleur. Il analyse l'image dans son ensemble. Une pipette à couleurs est différente : elle donne la couleur exacte du point précis sur lequel vous cliquez.

Comment obtenir une palette de couleurs depuis une image

Déposez une photo sur l'outil et une palette de 8 couleurs maximum apparaît. Ces réponses vous aident à choisir le bon nombre de couleurs et la bonne image, et expliquent ce que représente chaque pastille.

Combien de couleurs une palette doit-elle contenir ?

Choisissez 4, 6, 8, 10 ou 12 sous Couleurs, juste au-dessus des pastilles. La palette est recalculée à partir de la même image à chaque fois. Quelques repères :

  • 4 couleurs : un schéma simple, ou un logo avec peu de couleurs.
  • 6 à 8 couleurs : la plupart des photos. 8 est la valeur par défaut.
  • 10 à 12 couleurs : photos chargées et peintures, quand vous voulez plus de nuances.

Comment l'extracteur choisit-il les couleurs ?

Il utilise une méthode appelée median cut. L'outil trie les pixels en groupes de couleurs similaires. Il divise en deux le groupe ayant l'éventail de couleurs le plus large, jusqu'à obtenir le nombre de groupes demandé. Chaque pastille est la couleur moyenne d'un groupe.

  • Les pastilles sont classées selon le nombre de pixels qu'elles représentent, le plus grand groupe en premier.
  • Les couleurs couvrant moins d'environ 0,5 % de l'image sont écartées, vous pouvez donc obtenir moins de pastilles que prévu.
  • Les pixels majoritairement transparents sont ignorés, pour qu'un fond transparent en PNG ne devienne pas une pastille.

Quelles images donnent la meilleure palette ?

Les photos avec quelques zones de couleur bien distinctes donnent la palette la plus nette. Quelques conseils :

  • Si une partie compte plus que les autres, comme un produit ou un mur peint, recadrez l'image sur cette partie d'abord.
  • Les grandes zones unies, comme le ciel ou un fond blanc, obtiennent leur propre pastille.
  • Un logo à 2 ou 3 couleurs fonctionne mieux avec 4 couleurs. Au-delà, certaines pastilles peuvent répéter une couleur ou mélanger deux teintes.
  • Un GIF animé donne la palette de sa première image.

Palette ou couleur unique : que vous faut-il ?

Utilisez la palette pour voir le schéma de couleurs global d'une image. Chaque pastille est une moyenne, elle peut donc ne correspondre exactement à aucun pixel précis. Pour le code exact d'un point précis, comme la couleur d'une marque dans un logo, utilisez la pipette à couleurs depuis une image et cliquez sur ce point.

Plus d'outils gratuits

Découvrez nos autres outils gratuits de création d'images et de design — aucune inscription requise.

FAQ sur l'extracteur de palettes de couleurs

Questions fréquentes concernant l'extraction, l'utilisation et l'exportation des palettes de couleurs à partir d'images.

Comment obtenir une palette de couleurs depuis une image ?

Cliquez sur Choisir une image, ou glissez un fichier JPG, PNG, WebP, GIF, BMP ou SVG sur la page. Une palette de 8 couleurs maximum apparaît sous votre image. Choisissez 4, 6, 10 ou 12 sous Couleurs pour la modifier. Cliquez ensuite sur une pastille ou un code pour le copier, ou exportez la palette entière.

Quels formats d'image puis-je utiliser ?

Vous pouvez ouvrir des fichiers JPG, PNG, WebP, GIF, BMP et SVG, un à la fois. Un logo SVG fonctionne aussi, et son fond transparent est ignoré. Un GIF animé utilise sa première image. Les zones transparentes ou majoritairement transparentes d'un PNG, WebP ou GIF sont ignorées, pour éviter qu'elles ne deviennent une pastille.

Puis-je extraire plus de 8 couleurs ?

Oui. 8 est la valeur par défaut, et une fois la première palette affichée, vous pouvez choisir 4, 6, 8, 10 ou 12 sous Couleurs. La palette est recalculée à partir de la même image. Vous pouvez obtenir moins de pastilles que prévu, car les couleurs couvrant moins d'environ 0,5 % de l'image sont écartées.

Puis-je obtenir les codes hexadécimaux des couleurs d'une image ?

Oui. Chaque carte de pastille affiche un code HEX, RGB et HSL, comme #3A7BDF, rgb(58, 123, 223) et hsl(216, 72%, 55%). Cliquez sur un code pour le copier, ou sur la couleur elle-même pour copier son code HEX. Chaque code est la moyenne d'un groupe de pixels. Pour le code exact d'un pixel précis, utilisez l'outil pipette à couleurs depuis une image.

Comment utiliser la palette en CSS ou Tailwind ?

Sous Exporter la palette, choisissez Variables CSS, Config Tailwind ou JSON, puis cliquez sur Copier le code. Variables CSS donne un bloc :root avec --color-1, --color-2, etc., utilisé via var(--color-1). Config Tailwind donne un extrait pour tailwind.config.js, pour que des classes comme bg-palette-1 fonctionnent. JSON liste le code HEX, RGB et HSL de chaque couleur. Télécharger PNG enregistre les pastilles en image avec leurs codes HEX.

Pourquoi certaines couleurs extraites semblent-elles différentes de ce que j'attendais ?

Chaque pastille est la moyenne d'un groupe de pixels similaires, elle peut donc sembler un peu plus terne que le point le plus vif. Les pastilles suivent la surface couverte par une couleur dans l'image, pas son éclat. Une petite fleur rouge peut être écartée alors qu'un grand ciel obtient deux pastilles. Recadrez sur la zone qui vous intéresse, ou choisissez un plus grand nombre de couleurs.

Mes images sont-elles en sécurité lors de l'extraction d'une palette ?

Oui. Votre image est lue sur votre propre appareil et n'est jamais envoyée en ligne, nous ne la voyons donc jamais. Rien n'est enregistré : la palette disparaît quand vous rechargez ou fermez la page, sauf si vous l'avez copiée ou téléchargée avant.

L'extracteur de palette de couleurs est-il gratuit ?

Oui. Pas de compte, pas d'inscription et pas de limite sur le nombre d'images vérifiées. Toutes les options sont gratuites : les cinq nombres de couleurs, la copie des codes, et les exports CSS, Tailwind, JSON et PNG.

Vous avez encore des questions ? Contactez notre équipe d’assistance.