Extracteur de palette de couleurs - Obtenez HEX, RVB & TSL
Isolez les couleurs dominantes de n'importe quelle image et obtenez-les en HEX, RVB et TSL, avec une couleur de texte accessible WCAG pour chaque nuance. Fonctionne entièrement dans votre navigateur.
Glissez des images ici ou cliquez pour importer
Supporte JPG, PNG, GIF, WEBP, SVG
Ce que fait l'extracteur de palette de couleurs
Cet outil répond à une question précise et ciblée : si vous deviez décrire cette image avec une poignée de couleurs, lesquelles seraient-elles ? Il décode votre image dans le navigateur, la réduit pour que son bord le plus long fasse environ 200 pixels, puis lit les données brutes des pixels depuis un canevas. La réduction d'échelle n'est pas un raccourci qui nuit à la précision — le fait de moyenner les pixels voisins pendant la mise à l'échelle élimine le bruit de quantification JPEG et le bruit de capteur qui apparaîtraient autrement comme des dizaines de noirs quasi identiques, et cela maintient l'analyse entière sous la barre des quarante mille pixels pour qu'elle soit instantanée, même sur un téléphone. Les pixels dont la valeur alpha est inférieure à 128 sont rejetés avant toute autre opération. Cette seule étape empêche qu'un logo sur fond transparent ne rapporte le noir comme sa couleur principale, ce qui est l'erreur la plus courante commise par les autres extracteurs. Les pixels opaques restants sont groupés par découpage médian. Le découpage médian traite les pixels comme un nuage dans un espace RVB tridimensionnel, enroule une boîte autour d'eux, sélectionne à plusieurs reprises la boîte ayant la plus grande dispersion de couleur pondérée par le nombre de pixels qu'elle contient, et la coupe en deux à un point où les valeurs de couleur changent réellement. En répétant l'opération jusqu'à obtenir le nombre de boîtes demandé, on obtient des groupes qui suivent la structure réelle de l'image, et chaque groupe rapporte la moyenne des pixels qu'il contient plutôt qu'un centre de compartiment arbitraire. C'est pourquoi les résultats sont de vraies couleurs issues de votre image, et non les gris délavés que produisent les regroupements par grille fixe. L'ordre est ensuite ajusté. Se fier uniquement au nombre de pixels est un piège : une photo est souvent composée à quarante pour cent de ciel ou de fond blanc de studio, et un comptage brut place cela en premier, enterrant les couleurs qui vous intéressent vraiment. Les groupes quasi neutres, quasi noirs et quasi blancs reçoivent donc moins de poids lors du tri de la liste, bien qu'ils ne soient jamais abandonnés, et le pourcentage affiché à côté de chaque nuance est toujours la part réelle, non modifiée, des pixels. Enfin, une couleur de texte est calculée pour chaque nuance à partir de sa luminance relative WCAG 2.1, en choisissant le noir ou le blanc selon celui qui offre le taux de contraste le plus élevé avec cette couleur spécifique. Ce test utilise la luminance, pas la clarté, de sorte qu'il est correct pour les demi-teintes là où un simple seuil de luminosité donne une réponse erronée.
Pourquoi extraire une palette d'une image
Le travail de conception commence généralement par quelque chose de visuel — une photo, une capture d'écran, un moodboard, un logo envoyé par email — et se termine par des valeurs que vous devez saisir dans le code. Cet outil comble ce fossé sans faire un aller-retour dans une application de design.
Comment extraire les couleurs d'une image
Quatre étapes, aucun compte, et rien ne quitte votre appareil — l'image est décodée et analysée localement dans votre navigateur.
Déposez un JPG, PNG, WebP, GIF ou SVG — l'extraction démarre automatiquement dès le chargement
Choisissez le nombre de couleurs souhaité : 4 pour un set de marque serré, 10 pour capturer davantage de nuances d'une photo chargée
Cliquez sur n'importe quelle valeur HEX, RVB ou TSL d'une nuance pour la copier, ou utilisez "Copier tous les HEX" pour récupérer l'ensemble en une fois
Exportez un extrait de variables CSS, un bloc de configuration Tailwind, ou générez la palette sous forme de PNG et téléchargez-la
Foire aux questions
Plus d'outils d'image
Explorez d'autres outils puissants pour vos besoins d'édition
Compresser Image
Réduire la taille
Redimensionner
Changer dimensions
Recadrer Image
Découper zone
Convertir Format
Changer format
Éditeur Photo
Éditer photos
Pivoter Image
Pivoter image
Retourner Image
Horizontal/Vertical
Ajouter Filigrane
Filigrane
Ajouter Bordure
Ajouter bordure d'image
Coins Arrondis
Ajouter coins arrondis
Filtres
Luminosité/Contraste
Flouter Visage
Masquer visages
Mosaïque
Flouter régions
Supprimer Fond
Supprimer fond
Améliorer Image
IA upscale
Ajouter Texte
Ajouter texte à l'image
Collage
Combiner plusieurs images
HTML vers Image
Web vers image
GIF en Séquence
Extraire frames
Supprimer les bords vides
Supprimer les bords vides
Renommer des images en lot
Renommer plusieurs fichiers en toute sécurité
Recadrage Circulaire
Recadrer des images en cercle
Noir et Blanc
Convertir des images en niveaux de gris
Diviser l'Image
Découper une image en grille
Fusionner les Images
Combiner des images en une seule
Changer le DPI
Définir les métadonnées DPI
Image en Base64
Encoder des images en Base64
Image vers PDF
Rassembler des images dans un PDF
HEIC vers JPG
Convertissez les photos HEIC de votre iPhone en JPG
Suppresseur EXIF
Consultez et effacez les métadonnées photo cachées, y compris la géolocalisation GPS
Générateur de Favicon
Jeu d'icônes complet + code HTML