Extracteur de couleurs d'image gratuit
Extracteur de palette de couleurs
L'Extracteur de palette de couleurs extrait les couleurs exactes d'une image et les renvoie sous forme de palette avec les codes HEX, RGB, HSL, OKLCH et CMYK. Chaque couleur indique sa part dans l'image, et l'image ne quitte jamais votre navigateur.
- Gratuit, sans inscription
- Les images restent sur votre appareil
- Couleurs exactes au pixel
Déposez vos images ici
ou collez avec Ctrl+V. JPG, PNG, WebP, GIF, AVIF, SVG. Jusqu'à 20 images.
Comment fonctionne l'extracteur de palette de couleurs ?
L'extracteur de palette de couleurs lit les pixels de votre image dans votre navigateur, regroupe les couleurs similaires et renvoie les couleurs qui décrivent le mieux l'image.
Ajoutez une image
Déposez, collez ou choisissez jusqu'à 20 images au format JPG, PNG, WebP, GIF, AVIF ou SVG. Une capture d'écran collée fonctionne aussi.
Les couleurs sont regroupées
L'extracteur regroupe les pixels dans OKLab, un espace colorimétrique conçu pour correspondre à la perception humaine des couleurs, et fusionne les couleurs qui paraissent identiques.
Ajustez la palette
Réglez de 2 à 20 couleurs, choisissez un mode et cliquez sur l'image pour ajouter n'importe quel pixel exact. Faites glisser un repère pour choisir à nouveau sa couleur.
Copiez ou exportez
Copiez les codes HEX, vérifiez le contraste ou exportez la palette vers CSS, Tailwind, Adobe, Procreate, GIMP et d'autres formats.
Que renvoie l'extracteur pour chaque couleur ?
Chaque couleur extraite renvoie sept codes couleur, le nom de couleur le plus proche, sa part dans l'image, son contraste sur blanc et sur noir, et une échelle de nuances claires et foncées de 50 à 950.
| Code | Exemple | Usage |
|---|---|---|
| HEX | #2A9D8F | Design web, CSS et la plupart des applications de design |
| RGB | rgb(42 157 143) | Écrans, CSS et éditeurs d'images |
| HSL | hsl(173 58% 39%) | Réglage de la luminosité et de la saturation en CSS |
| HSB | hsb(173, 73%, 62%) | Sélecteurs de couleur de Photoshop, Figma et Procreate |
| OKLCH | oklch(63% 0.101 183) | Retouche perceptuelle des couleurs en CSS moderne |
| CIE Lab | lab(58.4 -35.2 -2.3) | Mesure des écarts de couleur et flux de travail d'impression |
| CMYK | 73, 0, 9, 38 | Estimations pour l'impression sans profil d'imprimante |
Quel mode d'extraction convient à votre image ?
Le mode d'extraction détermine quelles couleurs entrent dans la palette lorsqu'une image contient plus de couleurs que la taille de la palette.
| Mode | Ce qu'il sélectionne | Adapté à |
|---|---|---|
| Équilibré (par défaut) | Les grandes zones de couleur et les accents distincts, notés selon leur part de pixels et leur distance aux couleurs déjà retenues | Photos, illustrations et visuels de marque |
| Dominant | Les couleurs qui couvrent le plus de pixels | Mesurer quelles couleurs remplissent une image |
| Vif | Le score Équilibré pondéré par la chroma, pour que les accents saturés soient mieux classés | Moodboards, photos de produits et œuvres d'art |
Le réglage Pixel exact renvoie une couleur présente dans l'image. Le réglage Moyenne renvoie la couleur moyenne de chaque groupe. Le curseur Fusionner les couleurs proches fixe la proximité nécessaire pour que deux couleurs comptent comme une seule, mesurée en distance ΔE_OK (0,03 par défaut).
Quelle est la précision des couleurs extraites ?
Les couleurs extraites sont des valeurs de pixels exactes : l'extracteur échantillonne de vrais pixels sans les mélanger, donc chaque code HEX d'une palette en Pixel exact figure dans votre image.
- Regroupement perceptuel. Les couleurs sont comparées dans OKLab, où des distances égales correspondent à des différences visuelles égales. La distance RGB surestime certains écarts de couleur et en sous-estime d'autres.
- Résultats stables. Le regroupement utilise une graine fixe, donc la même image avec les mêmes réglages renvoie toujours la même palette.
- Proportions réelles. Chaque pixel est attribué à la couleur de palette la plus proche, donc les parts totalisent 100 %.
- Transparence respectée. Les pixels sous 50 % d'opacité ne comptent pas, donc un PNG transparent ne montre que ses couleurs visibles.
Le guide en anglais Comment fonctionne l'extraction des couleurs compare cette méthode avec la coupe médiane (median cut), la quantification par octree et le k-means classique.
À partir de quelles sources pouvez-vous extraire des couleurs ?
L'Extracteur de palette de couleurs lit quatre types de sources, chacun avec son propre outil et ses propres réglages.
Images
Photos, illustrations, captures d'écran et œuvres d'art. Plusieurs images produisent une seule palette fusionnée dans laquelle chaque image compte à parts égales.
Logos
L'Extracteur de couleurs de logo renvoie les couleurs exactes d'un logo, supprime l'arrière-plan et ignore les pixels mélangés le long des contours.
Sites web
L'Extracteur de couleurs de site web lit le CSS d'un site et renvoie ses couleurs de marque, de texte, de fond et de bordure à partir d'une URL.
Pixels isolés
La Pipette de couleur pour image renvoie le code HEX exact de tout pixel cliqué, avec une loupe pour plus de précision.
Quels formats d'export pouvez-vous télécharger ?
L'extracteur exporte une palette dans 11 formats, tous générés dans votre navigateur.
| Format | Fichier | S'ouvre dans |
|---|---|---|
| Variables CSS | .css | Toute feuille de style de site web |
| Tailwind v4 et v3 | Bloc @theme, tailwind.config.js | Projets Tailwind CSS |
| SCSS | .scss | Projets Sass |
| Jetons de design | .tokens.json | Outils W3C Design Tokens et plugins Figma |
| Adobe Swatch Exchange | .ase | Photoshop, Illustrator et InDesign |
| Procreate | .swatches | Procreate sur iPad |
| Palette GIMP | .gpl | GIMP, Inkscape et Krita |
| SVG | .svg | Figma, Sketch et Illustrator |
| Carte de palette PNG | .png | Présentations, moodboards et publications sur les réseaux sociaux |
| Liste HEX | .txt | Toute application |
Les formats de code peuvent inclure une échelle de nuances claires et foncées de 50 à 950 pour chaque couleur, construite en OKLCH autour de la valeur extraite.
Qui utilise un extracteur de palette de couleurs ?
Designers
Extrayez une palette d'une photo de moodboard ou d'une image de référence et envoyez-la sous forme d'échantillons vers Figma, les applications Adobe ou Procreate.
Développeurs
Transformez une capture d'écran de maquette en variables CSS ou en thème Tailwind avec une échelle complète de nuances claires et foncées.
Chefs d'entreprise
Trouvez les codes HEX exacts d'un logo ou d'une photo de produit pour garder un site web, une boutique en ligne et des publications sociales cohérents.
Artistes et illustrateurs
Étudiez les proportions de couleurs d'une peinture ou d'une photo avant de commencer une nouvelle œuvre.
Acheteurs d'impression
Rassemblez les valeurs écran exactes et des estimations CMYK pour briefer un imprimeur avant une épreuve.
Experts en accessibilité
Vérifiez chaque paire de couleurs d'une palette selon les seuils WCAG 2. Le guide en anglais Contraste WCAG dans une palette explique les règles.
Vos images sont-elles envoyées sur un serveur ?
Non. Les images sont décodées et analysées dans votre navigateur, et les fichiers n'atteignent jamais un serveur. Le site ne stocke aucune image et aucune palette.
Deux fonctionnalités contactent le serveur : le chargement d'une image depuis une adresse web et la lecture du code d'un site web. Les deux récupèrent le fichier public pour vous et n'en gardent aucune copie. La politique de confidentialité liste chaque donnée traitée par le site.
FAQ de l'extracteur de palette de couleurs
L'extracteur de palette de couleurs est-il gratuit ?
Oui. Chaque fonctionnalité et chaque format d'export sont gratuits, sans compte, sans filigrane et sans limite d'utilisation.
Combien de couleurs une palette peut-elle contenir ?
Une palette contient de 2 à 20 couleurs, réglées avec le curseur Couleurs. La palette par défaut compte 6 couleurs.
Pourquoi un autre outil me donne-t-il des couleurs différentes ?
Les outils diffèrent par l'espace colorimétrique, l'algorithme de regroupement, l'échantillonnage et la valeur d'échantillon. Cet extracteur regroupe les couleurs dans OKLab et renvoie par défaut de vraies valeurs de pixels, alors que beaucoup d'outils calculent des moyennes de couleurs en RGB.
Puis-je extraire une seule palette de plusieurs images ?
Oui. Ajoutez jusqu'à 20 images et l'extracteur construit une palette fusionnée dans laquelle chaque image a le même poids, plus une petite palette pour chaque image.
L'extracteur fonctionne-t-il sur téléphone ?
Oui. L'extracteur fonctionne dans les navigateurs mobiles, accepte les photos de la pellicule et permet de choisir une couleur d'un simple toucher.
Quels formats d'image sont pris en charge ?
Les fichiers JPG, PNG, WebP, GIF, AVIF, BMP et SVG fonctionnent dans tous les navigateurs actuels. Les photos HEIC s'ouvrent uniquement dans Safari, donc les autres navigateurs ont besoin d'une copie JPG ou PNG.