Vous voyez une couleur que vous voulez réutiliser — dans une photo, la capture d'un site qui vous plaît, un vieux logo dont les fichiers sources ont disparu depuis longtemps — et il vous faut le vrai code hexadécimal, pas une approximation. L'estimer à l'œil ne marche jamais tout à fait ; les écrans mentent et « ce bleu » est en réalité six bleus légèrement différents. Tirer la palette directement des pixels vous donne des codes que vous pouvez coller dans du CSS, un outil de design ou un document de marque.
Voici comment le faire, et comment obtenir une palette réellement utilisable plutôt qu'une prise de pixels au hasard.
Ce que fait vraiment « extraire une palette »
L'outil analyse l'image et trouve les couleurs qui la représentent le mieux — les tons dominants plus les accents notables — puis vous donne chacune comme code hexadécimal à copier. Au lieu d'un million de couleurs de pixels individuelles, vous obtenez un ensemble net (disons 5 ou 8) qui résume l'image.
C'est vraiment utile pour quelques tâches courantes :
- Récupérer des couleurs de marque d'un logo ou d'un ancien élément quand vous n'avez pas la spécification d'origine.
- Construire une palette de design à partir d'une photo dont vous voulez assortir l'ambiance — un paysage, une photo de produit, une œuvre d'art.
- Assortir un site ou un graphique existant dont vous n'avez qu'une capture d'écran.
- Choisir un arrière-plan ou un accent qui s'harmonise avec une image que vous utilisez déjà.
Déposez une image et lisez les codes :
Utilisez le réglage du nombre pour obtenir une palette utile
Le réglage le plus important de tous est le nombre de couleurs que vous tirez. Il change complètement la réponse.
- Moins de couleurs (3–5) vous donnent la palette essentielle — la poignée de tons qui définissent l'image. C'est ce que vous voulez généralement pour l'image de marque ou un système de design, où un ensemble restreint est un atout, pas une limite.
- Plus de couleurs (8–12) captent les accents subtils et les dégradés. Utile quand une image est riche et variée et que vous voulez aussi les tons secondaires, ou quand vous étudiez exactement comment une photo est composée.
Si le premier résultat vous paraît faux — une nuance domine, ou un accent voulu a été fusionné — ajustez le nombre et relisez. Une photo à 80 % de ciel vous rendra beaucoup de bleu à faible nombre ; augmentez le nombre pour faire remonter les plus petites touches de couleur.
Cliquez pour copier — le flux qui compte
Lire un code hexadécimal et le retaper est là où les erreurs se glissent (#3A7BD5 contre #3A7BD6 et vous avez passé dix minutes à vous demander pourquoi ça a l'air faux). Dans l'outil de palette de couleurs, chaque échantillon copie son code hexadécimal au clic, vous passez donc directement de l'image au presse-papiers à votre feuille de style sans toucher le clavier.
Un flux pratique :
- Chargez l'image.
- Réglez le nombre selon la tâche — bas pour une palette de marque, plus haut pour attraper les accents.
- Cliquez chaque échantillon voulu ; collez-le à sa destination.
- Pas assez de variété ? Ajustez le nombre et récupérez les extras.
Lire les résultats avec un œil de designer
Quelques éléments à savoir pour que la palette tombe juste :
- La couleur dominante n'est pas toujours la plus utile. Une photo de produit sur fond blanc rapportera beaucoup de blanc ou de presque-blanc. C'est exact, mais la couleur qui vous intéresse vraiment est le produit — montez le nombre pour la faire ressortir, ou recadrez d'abord sur le sujet.
- Les photos ont plus de couleurs qu'il n'y paraît. La peau, les ombres et les reflets ajoutent des tons que vous n'aviez pas consciemment remarqués. Un nombre plus élevé les révèle ; un nombre plus bas les cache derrière les moyennes.
- L'hexadécimal est portable. Chaque code que vous copiez fonctionne directement dans CSS, Figma, Photoshop, Canva ou un document de marque. Aucune conversion nécessaire.
Pourquoi ça reste dans votre navigateur
Toute l'extraction se déroule localement — l'image est lue et analysée dans votre navigateur avec Canvas, et elle n'est jamais téléversée vers un serveur. Cela compte quand l'« image » est une maquette non sortie, un élément de marque privé d'un client, ou une capture interne que vous ne devriez pas publier sur un outil web quelconque. C'est gratuit, sans inscription, et après votre première visite ça fonctionne hors ligne.
Attrapez les couleurs, cliquez pour copier, collez-les là où elles vont.