Extracteur de palette d'image
Extrayez les couleurs dominantes de n'importe quelle image sous forme de palette. Copiez chaque couleur en HEX, RGB ou HSL, ou exportez l'ensemble en variables CSS ou en une échelle de couleurs Tailwind. L'extraction est déterministe et se fait entièrement dans votre navigateur : la même image donne toujours la même palette et rien n'est envoyé en ligne.
Déposez une image ici
Votre image reste sur votre appareil. Rien n'est envoyé en ligne.
Déposez ou choisissez une image pour extraire sa palette de couleurs.
À quoi sert cet outil
Déposez une photo, une capture d'écran ou un logo et cet outil en extrait les couleurs qui le définissent. Il utilise la quantification par coupe médiane (median cut), l'algorithme classique qui regroupe les pixels de l'image dans le cube de couleurs RGB et les divise jusqu'à obtenir le nombre de couleurs représentatives demandé. Le résultat est déterministe : lancez-le deux fois sur la même image et vous obtenez exactement la même palette, ce qui le rend fiable dans un système de design. Chaque couleur est accompagnée de ses valeurs HEX, RGB et HSL, prêtes à copier d'un clic, et vous pouvez exporter la palette entière en propriétés personnalisées CSS ou en échelle de couleurs Tailwind à coller directement dans votre projet. Comme l'image est décodée et analysée dans votre navigateur, elle ne quitte jamais votre appareil.
À quoi ça vous sert
- Créez une palette de marque à partir d'un logo ou d'une photo de référence en quelques secondes.
- Transformez un moodboard ou une capture en variables CSS à coller dans votre feuille de style.
- Extrayez une échelle de couleurs Tailwind d'une illustration pour garder une interface cohérente.
- Récupérez le HEX exact d'une couleur d'une image sans pipette séparée.
- Vérifiez les couleurs dominantes d'une photo de produit avant de concevoir autour.
Comment l'utiliser
- Déposez une image sur la zone, ou cliquez pour en choisir une sur votre appareil.
- Réglez le curseur du nombre de couleurs pour choisir combien en extraire, de 2 à 12.
- Cliquez sur une couleur pour copier sa valeur dans le format choisi.
- Changez le format d'export entre HEX, RGB, HSL, variables CSS et Tailwind.
- Copiez toute la palette ou téléchargez-la, puis envoyez les couleurs vers les outils de design ci-dessous.
Tout le travail se passe dans votre navigateur. Aucun fichier n'est envoyé à un serveur. Voir plus d'outils dans le même champ.
Autres outils du même champ
ImageGénérateur de Palettes de Couleurs
Générez des palettes harmonieuses à partir de n'importe quelle couleur de base: analogues, complémentaires et plus. Gratuit et prêt à copier.
Convertisseur de Couleur: HEX, RGB
Convertissez des couleurs entre HEX, RGB et HSL en ligne. Collez un format et obtenez les autres au passage. Gratuit et dans votre navigateur.
Vérifier le Contraste de Couleur (WCAG)
Vérifiez le contraste de couleur WCAG entre texte et fond, avec aperçus en direct, verdict réussite ou échec et suggestions accessibles.
Convertir une Image: PNG, JPG, WebP
Convertissez vos images entre PNG, JPG et WebP en ligne, dans les deux sens. Rapide, gratuit et entièrement dans votre navigateur, sans envoi.
Questions fréquentes
Comment les couleurs sont-elles choisies ?
L'outil utilise la quantification par coupe médiane. Il traite chaque pixel comme un point dans le cube de couleurs RGB, divise sans cesse la région la plus dense selon son axe le plus large, puis fait la moyenne de chaque groupe final en une couleur. Les couleurs sont ensuite triées selon la part de l'image qu'elles couvrent, la plus dominante en premier.
La palette est-elle toujours la même pour la même image ?
Oui. L'algorithme est entièrement déterministe : il n'y a aucun hasard, donc la même image avec le même nombre de couleurs produit toujours exactement la même palette. C'est ce qui le rend fiable pour les systèmes de design et une documentation reproductible.
Mon image est-elle envoyée quelque part ?
Non. L'image est décodée et analysée entièrement dans votre navigateur en JavaScript pur. Elle n'est jamais envoyée à un serveur, d'où l'absence de limite de taille et d'attente.
Quels formats d'image fonctionnent ?
Tout format que votre navigateur sait décoder : PNG, JPG, WEBP et GIF. Les pixels totalement transparents sont ignorés pour ne pas tirer la palette vers une couleur de fond invisible.
Comment utiliser les couleurs dans mon design ?
Copiez une couleur en HEX, RGB ou HSL, ou exportez la palette entière en variables CSS ou en échelle Tailwind. Vous pouvez aussi ouvrir le Générateur de palettes, le Convertisseur de couleurs ou le Vérificateur de contraste depuis les boutons ci-dessous pour continuer à travailler avec les couleurs.