Transformer une image en palette de couleurs
Les belles palettes se trouvent souvent plus qu'elles ne s'inventent : un coucher de soleil, une photo produit, un tableau ou la bannière d'un concurrent. Prélever les couleurs pixel par pixel avec une pipette passe à côté de l'ambiance générale de l'image.
Cet outil analyse toute l'image et en extrait les couleurs dominantes par quantification median cut, la méthode de la célèbre bibliothèque Color Thief. Il regroupe les pixels similaires et renvoie une couleur représentative pour chaque groupe, ce qui donne une palette équilibrée en HEX et RGB.
Comment extraire une palette de couleurs
Étape 1: Déposez une image
La palette est extraite automatiquement dès le chargement de l'image.
Étape 2: Choisissez le nombre de couleurs
Sélectionnez 4, 6, 8, 10 ou 12 couleurs, puis cliquez sur Réextraire.
Étape 3: Examinez les nuances
Chaque couleur affiche son code HEX et sa valeur RGB.
Étape 4: Copiez les codes
Cliquez sur une nuance pour copier son code HEX, ou copiez tous les codes d'un coup.
Fonctions de la palette
De 4 à 12 couleurs
De petites palettes pour une identité visuelle, de plus grandes pour l'illustration et les interfaces.
HEX et RGB
Prêts pour le CSS, Figma, Canva et la plupart des outils de design.
Copie en un clic
Copiez un seul code HEX ou tous, un par ligne.
Analyse de toute l'image
Les couleurs reflètent l'image entière, pas un seul pixel.
À quoi servent les palettes
Couleurs de marque et de site. Construisez une palette assortie à vos photos produits.
Présentations et publications. Choisissez des couleurs de texte et de fond adaptées à une image.
Déco et mode. Capturez les couleurs d'une pièce ou d'une tenue qui vous plaît.
Illustration et art. Empruntez l'ambiance d'une image de référence.
Pourquoi un petit accent peut manquer
Le median cut regroupe les pixels selon la surface qu'ils occupent : les grandes zones dominent. Un détail petit mais frappant, comme un bouton rouge sur un produit gris, peut être fusionné avec une couleur voisine si vous ne demandez que quatre ou six couleurs.
Demandez 10 ou 12 couleurs pour faire ressortir les petits accents, ou recadrez d'abord l'image sur la zone qui compte avec l'outil de recadrage.
De la palette à un jeu de couleurs utilisable
Une palette brute est un point de départ. Pour une interface, choisissez une couleur foncée pour le texte, une couleur claire pour les fonds et une couleur saturée pour l'accent. Vérifiez le contraste avant d'associer deux couleurs : le texte courant doit avoir un rapport de contraste d'au moins 4,5 pour 1 avec son fond.
Les codes HEX se collent directement en CSS comme valeurs de couleur, et la plupart des outils de design les acceptent dans leur sélecteur de couleur.
- Texte : la couleur la plus foncée de la palette.
- Fond : la couleur la plus claire.
- Accent : la couleur la plus saturée, avec parcimonie.
Conseils pour de meilleures palettes
- Utilisez des photos bien exposées ; les images sombres ou délavées donnent des couleurs ternes.
- Recadrez les bordures et filigranes avant l'extraction.
- Essayez plusieurs nombres de couleurs ; entre 6 et 8, c'est souvent l'idéal.
- Enregistrez la liste HEX copiée dans les notes de votre projet.
Questions sur l'extracteur de palette
Comment les couleurs sont-elles choisies ?
L'image est analysée par quantification median cut, qui regroupe les pixels similaires et renvoie la couleur dominante de chaque groupe.
Combien de couleurs puis-je extraire ?
4, 6, 8, 10 ou 12 couleurs.
Quels formats de couleur sont affichés ?
Les codes HEX et les valeurs RGB.
Puis-je copier toutes les couleurs d'un coup ?
Oui. Le bouton de copie globale place toutes les valeurs HEX dans le presse-papiers, une par ligne.
Pourquoi changer le nombre n'a-t-il pas mis à jour la palette ?
Cliquez sur Réextraire après avoir choisi un nouveau nombre de couleurs.
Mon image est-elle envoyée ?
Non. Les couleurs sont extraites dans votre navigateur.