Sélecteur de couleurs et extracteur de palette d'image

Extrayez directement dans votre navigateur une palette des couleurs dominantes ainsi que la couleur moyenne globale de n'importe quelle image, chacune affichée sous forme de valeur HEX copiable.

Chargement de l'outil…

Sélecteur de couleurs et extracteur de palette d'imageDéposez n'importe quelle image et obtenez instantanément sa palette de couleurs : les couleurs les plus dominantes ainsi que la couleur moyenne globale, chacune avec un échantillon et un bouton de copie HEX en un clic. Vous choisissez combien de couleurs dominantes extraire (de 2 à 12). L'image est lue avec le canvas HTML entièrement dans votre navigateur et n'est jamais envoyée à un serveur.

Qu'est-ce que Sélecteur de couleurs et extracteur de palette d'image ?

Le Sélecteur de couleurs d'image est un extracteur de palette en ligne et gratuit qui tire les couleurs dominantes et la couleur moyenne de n'importe quelle image directement dans votre navigateur. Designers, développeurs front-end et quiconque construit une marque ou un moodboard peuvent déposer une photo, un logo ou une capture d'écran et obtenir une palette HEX en quelques secondes. Il lit les pixels de l'image avec getImageData du canvas HTML, les quantifie en groupes de couleurs et les classe selon la fréquence d'apparition de chaque couleur, de sorte que les couleurs les plus utilisées remontent en tête. Vous définissez la taille de la palette (combien de couleurs dominantes, de 2 à 12), et chaque couleur s'affiche sous forme d'échantillon avec une valeur HEX copiable, aux côtés de la couleur moyenne globale de l'image.

Comment utiliser Sélecteur de couleurs et extracteur de palette d'image

  1. Glissez-déposez une image dans la zone de dépôt, ou cliquez dessus pour choisir un fichier (PNG, JPEG, WebP ou toute autre image que votre navigateur peut ouvrir) depuis votre appareil.
  2. Réglez le champ Taille de palette sur le nombre de couleurs dominantes souhaité, de 2 jusqu'à 12.
  3. Consultez la ligne Couleur moyenne pour obtenir l'unique moyenne mélangée de toute l'image, affichée avec sa valeur HEX.
  4. Consultez la liste Couleurs dominantes, classée de la couleur la plus fréquente à la moins fréquente, chacune avec son échantillon et sa valeur HEX.
  5. Cliquez sur le bouton de copie à côté d'une couleur pour copier cette valeur HEX dans votre presse-papiers.

Exemples

Tirer une palette de marque d'un logo

Déposez un PNG de logo et réglez Taille de palette sur 4 pour obtenir les quatre couleurs les plus utilisées sous forme d'échantillons HEX, prêtes à coller dans vos tokens de design ou variables CSS.

Trouver un ton de fond assorti à partir d'une photo

Chargez une photo principale et lisez la ligne Couleur moyenne pour obtenir une unique valeur HEX mélangée en harmonie avec toute l'image, utile comme fond de section ou couleur de repli.

Constituer un jeu d'échantillons plus large à partir d'une illustration

Déposez une illustration colorée et montez Taille de palette à 12 pour extraire un large jeu de couleurs dominantes classées selon la part de l'image qu'elles couvrent.

Questions fréquentes

Quels formats d'image puis-je utiliser ?
Toute image que votre navigateur peut ouvrir (la zone de dépôt accepte image/*), y compris PNG, JPEG et WebP. L'image est dessinée sur un canvas HTML et ses pixels sont lus localement pour en extraire les couleurs.
Comment les couleurs dominantes sont-elles choisies ?
L'outil lit les pixels de l'image, regroupe les couleurs similaires en groupes et classe les groupes selon le nombre de pixels qui tombent dans chacun. Les groupes en tête deviennent vos couleurs dominantes, affichées de la plus fréquente en premier, chacune sous forme de couleur moyenne de son groupe.
Combien de couleurs puis-je extraire ?
Vous réglez la Taille de palette entre 2 et 12 couleurs dominantes. La couleur moyenne globale de toute l'image est toujours affichée séparément, en plus de cette liste.
Pourquoi les couleurs peuvent-elles différer légèrement de l'image d'origine ?
Pour gagner en rapidité, les grandes images sont réduites avant la lecture et les couleurs similaires sont regroupées, de sorte que chaque échantillon est la moyenne d'un groupe plutôt qu'un pixel exact. Le résultat est une palette représentative fidèle plutôt qu'un échantillonnage couleur pixel par pixel.
Mon image est-elle envoyée quelque part ?
Non. L'image est traitée à 100 % dans votre navigateur avec le canvas HTML. Elle n'est jamais envoyée à deftdeck ni à aucun serveur, donc l'outil fonctionne hors ligne et garde votre image privée.

Outils connexes