Extraire la Palette de Couleurs d'une Image — HEX/RGB et pourcentage, sans l'envoyer (gratuit)

Glissez-déposez une image ici, ou cliquez pour choisir

Prend en charge PNG, JPEG, WebP et GIF

Votre image n'est jamais envoyée — tout le traitement se fait dans votre navigateur.

Outils externes associés

Certains liens sont des liens d'affiliation.

Adobe Creative CloudSuite d'apps créatives CanvaDesign graphique facile

Outils associés

Convertisseur de CouleurConvertissez n'importe quelle couleur entre HEX, RGB, HSL, HSV et RGBA à la fois. Modifiez une valeur, copiez en un clic, avec alpha et contraste WCAG.Générateur de Palette de CouleursGénérez des palettes de couleurs harmonieuses à partir d'un HEX de base avec des schémas complémentaire, analogue, triadique et plus. Verrouillez des couleurs, régénérez le reste et exportez en CSS, Tailwind ou JSON.Générateur de DégradéCréez des dégradés CSS linéaires, radiaux et coniques avec plusieurs points de couleur. Ajustez l'angle, la forme et le centre, puis copiez le CSS background ou la valeur Tailwind en un clic.Outil d'association de policesTrouvez les meilleures combinaisons Google Fonts titre × corps, prévisualisez-les en temps réel et copiez le CSS en un clic.

Cet outil gratuit d'extraction de couleurs obtient la palette de couleurs dominantes de n'importe quelle photo, illustration ou capture d'écran — directement dans votre navigateur, sans rien envoyer. Glissez une image PNG, JPEG, WebP ou GIF et l'outil renvoie instantanément les couleurs clés en utilisant l'algorithme de quantification median cut, chacune avec son code HEX, ses valeurs RGB et son pourcentage approximatif dans l'image. Vous pouvez choisir combien de couleurs extraire (2–12), copier n'importe quel HEX en un clic, copier toutes les couleurs à la fois ou exporter la palette complète en variables CSS ou JSON.

Comment utiliser

Glissez-déposez une image dans la zone ci-dessus, ou cliquez pour ouvrir le sélecteur de fichiers. PNG, JPEG, WebP et GIF sont acceptés.
La palette de couleurs dominantes apparaît instantanément — chaque échantillon affiche le code HEX, les valeurs RGB et le pourcentage approximatif de la couleur dans l'image.
Utilisez le curseur pour choisir combien de couleurs extraire (2–12). La palette se met à jour immédiatement sans recharger l'image.
Cliquez sur un échantillon ou sur le bouton de copie pour copier son HEX. Utilisez 'Copier tous les HEX' pour obtenir toutes les couleurs à la fois.
Passez à l'onglet Exporter pour obtenir un bloc de variables CSS ou JSON prêt à coller, puis copiez-le ou téléchargez-le.
Aucune installation, aucune inscription. Votre image ne quitte jamais votre appareil.

Fonctionnalités et fonctionnement

Extraction des couleurs dominantes (palette de toute l'image)

L'outil ne récupère pas seulement un pixel — il analyse l'image entière en utilisant la quantification de couleur median cut. L'algorithme regroupe les couleurs similaires en clusters et choisit une couleur représentative pour chacun, donnant l'histoire de couleur globale de l'image. Pour maintenir la vitesse, l'image est réduite avant l'analyse (côté le plus long ≤ 160 px).

HEX, RGB et pourcentage (%) de chaque couleur

Chaque couleur extraite affiche son code HEX (#RRGGBB, majuscules), ses valeurs RGB et son pourcentage approximatif dans l'image. Les couleurs sont triées du pourcentage le plus élevé au plus faible. Note : le pourcentage est approximatif et peut ne pas totaliser exactement 100% en raison d'un arrondi indépendant.

Choisir combien de couleurs extraire

Utilisez le curseur pour définir le nombre de couleurs de 2 à 12. Changer le nombre est instantané — sans recharger l'image.

Copier et exporter (variables CSS / JSON)

Chaque échantillon dispose d'un bouton pour copier son HEX, et 'Copier tous les HEX' prend toutes les couleurs à la fois. Le panneau d'exportation génère un bloc de variables CSS prêt à coller ou un objet JSON. Les valeurs de couleur sont toujours compatibles CSS.

Sans envoi — votre image reste sur votre appareil

Le chargement, le redimensionnement et l'analyse des couleurs se font localement en utilisant l'API Canvas du navigateur. Votre image n'est jamais envoyée à un serveur, stockée ou partagée.

Cas d'utilisation

Extraire une palette de couleurs d'une image de référence ou d'une photo

Glissez une photo, une illustration ou une capture d'écran d'un design que vous aimez. La palette affiche les couleurs principales et leurs proportions — un excellent point de départ pour construire une palette de couleurs pour un site web ou un projet de design.

Obtenir les couleurs de marque d'un logo ou d'un actif de marque

Glissez un logo ou un actif de marque pour obtenir les codes HEX exacts de chaque couleur. Utile pour s'assurer que votre site web, vos documents et vos présentations utilisent les bonnes couleurs de marque.

Exporter les couleurs directement vers CSS ou JSON

Utilisez le panneau d'exportation pour copier des variables CSS ou un objet JSON directement dans votre code. Le pourcentage indique quelle est la couleur dominante, l'accentuation, etc.

Notes et limitations

Valeurs approximatives : l'outil réduit l'image avant l'analyse et regroupe les couleurs similaires, donc les couleurs et pourcentages extraits sont des approximations.
Les pourcentages peuvent ne pas totaliser 100% : chaque pourcentage de couleur est arrondi indépendamment à une décimale. Le total peut être légèrement supérieur ou inférieur à 100%.
Moins de couleurs que demandé : si l'image comporte moins de couleurs distinctes que le nombre choisi, seules les couleurs qui existent sont renvoyées. Aucune couleur factice n'est ajoutée.
Les pixels transparents sont exclus : pour les images PNG avec transparence, les pixels complètement ou principalement transparents (alpha < 128) ne sont pas comptés.
GIF animé : seule la première image du GIF animé est analysée.

Questions fréquentes

Mon image est-elle envoyée à un serveur ?: Non. Tout le traitement se fait localement dans votre navigateur en utilisant l'API Canvas. Votre image n'est jamais envoyée, stockée ou partagée nulle part.
Puis-je extraire toute la palette de couleurs, pas seulement une couleur ?: Oui, c'est la fonction principale. L'outil utilise la quantification median cut pour analyser toute l'image et renvoyer les couleurs les plus représentatives sous forme de palette, chacune avec son pourcentage.
Quelle est la précision du pourcentage (%) de chaque couleur ?: C'est une approximation. L'image est réduite avant l'analyse et les couleurs similaires sont regroupées, donc le pourcentage reflète la présence de la couleur dans l'échantillon réduit, pas un comptage exact de pixels.
Combien de couleurs puis-je extraire ?: De 2 à 12. Utilisez le curseur pour définir le nombre. Si l'image comporte moins de couleurs distinctes que demandé, seules celles qui existent sont renvoyées — aucune couleur factice n'est ajoutée.
Quels formats d'image sont pris en charge ?: PNG, JPEG, WebP et GIF (première image seulement). SVG, HEIC et autres formats ne sont pas pris en charge.
Puis-je utiliser les couleurs extraites dans mon code ?: Oui. Chaque couleur dispose d'un bouton pour copier le HEX en un clic, et le panneau d'exportation génère des variables CSS ou un objet JSON avec HEX, RGB et ratio — prêt à coller dans votre projet.
Que se passe-t-il avec un PNG transparent ?: Les pixels transparents (alpha inférieur à 128) sont exclus de l'analyse, donc ils n'apparaissent pas en noir ou blanc dans la palette. Une image entièrement transparente ne renverra aucune couleur.