Quelle est la différence entre la palette et la pipette ?

La palette montre les 6 couleurs les plus dominantes de toute l'image — idéal pour extraire un système de design d'une photo. La pipette vous permet de choisir un pixel exact — idéal pour faire correspondre une teinte spécifique, vérifier une valeur hex ou échantillonner un seul élément.

Pourquoi les grandes images sont-elles réduites ?

L'analyse de pixels sur une photo de 12MP nécessiterait de lire 12 millions de pixels — lent et gourmand en mémoire. Réduire à 1 600px sur le côté long réduit cela à environ 1,5 million de pixels sans perte visible de précision pour l'extraction de palette. La pipette lit toujours depuis le buffer réduit, donc les coordonnées de pixels s'y réfèrent.

Quel est le format de l'export CSS ?

La sortie est un bloc :root avec des propriétés personnalisées numérotées, prêt à coller dans n'importe quelle feuille de styles. Exemple : `:root { --color-1: #FF5733; /* orange */ --color-2: #C70039; /* rouge foncé */ ... }`. Chaque propriété inclut le nom de couleur auto-détecté en commentaire.

Les noms de couleurs sont-ils précis ?

Les noms viennent d'une heuristique de compartiment de teinte HSL (rouge, orange, jaune, vert, cyan, bleu, violet, rose, plus des variantes claires/foncées). Ce sont des approximations, pas des correspondances avec des bases de données de couleurs nommées. Pour une couleur 'nommée' comme 'corail' ou 'turquoise', attendez-vous au nom de compartiment le plus proche à la place.

L'outil prend-il en charge les images transparentes ?

Oui. Les pixels totalement transparents sont ignorés lors de l'extraction de palette. Les pixels semi-transparents sont mélangés avec du blanc avant l'échantillonnage — cela reflète à quoi ressemble la couleur lorsqu'elle est affichée sur un fond blanc typique.

Mon image est-elle envoyée quelque part ?

Non. Tout se passe instantanément. Votre image est décodée en mémoire, analysée et rejetée — rien ne quitte votre appareil.

Puis-je choisir des couleurs sur mobile ?

Oui. La pipette fonctionne au toucher — touchez et faites glisser pour déplacer la loupe, relâchez le doigt pour valider la couleur à cet endroit. Pour cibler précisément des pixels sur de petits écrans, zoomez dans le navigateur ou utilisez une image source plus grande.

Ad Slot — Header Banner

Pipette + Palette Automatique · 100% Privé

Palette de Couleurs d'Image et Extracteur HEX

Chargez n'importe quelle photo pour extraire sa palette de couleurs dominante et choisir des valeurs HEX, RGB ou HSL précises avec une pipette interactive. Copiez des codes individuels, ou téléchargez toute la palette en variables CSS. Tout se passe instantanément — sans envoi.

#HEX#RGB#HSL#Palette#CSS#Pipette

Déposez une image ou cliquez pour parcourir

PNG, JPG, WebP, AVIF, GIF · Fichier unique · Analysé instantanément

Chargez une image pour extraire sa palette

PNG, JPG, WebP, AVIF ou GIF. La pipette donne une précision au niveau du pixel ; la palette montre les 6 couleurs les plus dominantes.

Ad Slot — Below the Fold

Comment extraire des couleurs d'une image en 3 étapes

Palette dominante + pipette au niveau du pixel.

Chargez votre image

Déposez un PNG, JPG, WebP, AVIF ou GIF. L'outil la réduit en interne pour la vitesse, puis exécute un quantificateur de coupe médiane pour trouver les 6 couleurs les plus dominantes.

Sélectionnez des pixels spécifiques

Survolez l'image pour activer la loupe grossissante. Elle zoome 12× pour cibler des pixels individuels. Cliquez sur n'importe quel point pour verrouiller cette couleur dans la carte de couleur sélectionnée.

Copiez les codes ou exportez le CSS

Chaque échantillon affiche HEX, RGB et HSL — cliquez sur n'importe quelle ligne pour copier. Utilisez le bouton Copier le CSS pour récupérer les variables :root à coller dans une feuille de styles, ou Télécharger le CSS pour un fichier .css.

Questions Fréquentes

Il utilise la quantification par coupe médiane — un algorithme classique qui divise récursivement l'espace colorimétrique le long de son axe le plus long à la médiane, puis moyenne chaque région résultante. Cela produit une palette qui reflète la distribution réelle des couleurs de l'image mieux que l'échantillonnage naïf par histogramme.

À propos de la Palette de Couleurs d'Image et Extracteur HEX

Everything you need to know

Pourquoi extraire des palettes d'images ?

Designers, développeurs et marketeurs ont souvent besoin de faire correspondre des couleurs d'un actif de marque, d'une photographie ou de l'interface d'un concurrent. La sélection manuelle de couleurs est fastidieuse et sujette à erreurs. Cet outil automatise la découverte des couleurs dominantes et fournit un échantillonnage au niveau du pixel pour un travail de précision — le tout dans une seule interface. Utilisez-le pour construire un système de design à partir d'un moodboard, extraire des couleurs de marque d'un logo, ou tirer une palette cohérente d'une photo de paysage.

Comprendre les formats de couleur

Le HEX est le standard pour le web et les outils de design — six chiffres hexadécimaux représentant le rouge, le vert et le bleu (par ex. #FF5733). Le RGB exprime les mêmes valeurs sous forme de triplets décimaux (255, 87, 51) — meilleur pour l'usage programmatique. Le HSL décrit la teinte, la saturation et la luminosité en termes lisibles par l'homme (11°, 100%, 60%) — meilleur pour construire des variations comme '20% plus foncé' ou 'plus saturé'. Chaque échantillon affiche les trois, et chaque ligne se copie en un clic.

La quantification par coupe médiane expliquée

La coupe médiane est un algorithme classique de 1980 qui réduit des millions de couleurs à un petit ensemble représentatif. Il fonctionne en divisant à plusieurs reprises l'espace colorimétrique le long de sa dimension la plus longue, en coupant les pixels à la valeur médiane. Après N divisions, vous avez N régions ; la moyenne de chaque région devient une couleur de la palette. Cela produit des palettes perceptuellement équilibrées — contrairement au k-means naïf, qui peut rester coincé dans des minima locaux, ou aux approches par histogramme, qui favorisent les clusters visuellement similaires.

Confidentialité, performance et compatibilité navigateurs

Tout s'exécute sur votre appareil — votre image ne quitte jamais votre navigateur. L'extraction de palette sur une photo typique de 4MP prend 100–300ms. La pipette lit directement depuis le buffer de pixels en mémoire sans latence perceptible. L'outil fonctionne sur tous les navigateurs modernes (Chrome, Firefox, Safari, Edge) et reste fonctionnel hors ligne après le premier chargement.