Sélecteur de couleurs et extracteur de palette

Sélection précise des couleurs au pixel près avec loupe, ou extrayez toutes les couleurs d'une image. HEX, RVB, TSL — tout le traitement dans votre navigateur.

🎨
Déposez une image ici

Comment sélectionner et extraire les couleurs d'une image

1
Téléversez votre image
Glissez-déposez n'importe quel fichier image. L'image se charge en pleine résolution pour un échantillonnage précis des couleurs au niveau du pixel.
2
Sélectionnez ou extrayez
Sélecteur de pixel : survolez avec la loupe et cliquez pour sélectionner. Toutes les couleurs : cliquez sur Extraire pour lister chaque couleur unique.
3
Consultez les valeurs
Les couleurs s'affichent en HEX, RVB et TSL avec des boutons de copie. La grille Toutes les couleurs montre chaque couleur sous forme d'échantillon.
4
Copiez et utilisez partout
Copiez les codes couleur dans le presse-papier. Collez-les dans du CSS, Figma, des chartes graphiques ou tout autre outil de design.

Foire aux questions

Comment trouver la couleur exacte d'un pixel dans une image ?
Téléversez votre image et utilisez le mode Sélecteur de pixel. Survolez n'importe quelle zone — la loupe circulaire affiche un zoom 10× centré sur votre curseur pour un ciblage précis des pixels. La couleur sélectionnée apparaît instantanément en HEX, RVB et TSL. Cliquez pour l'enregistrer dans votre historique de palette. L'API Canvas lit les données brutes des pixels à la résolution native de l'image.
Comment extraire TOUTES les couleurs d'une image ?
Passez à l'onglet Toutes les couleurs et cliquez sur Extraire toutes les couleurs. L'outil échantillonne chaque pixel de votre image (mise à l'échelle pour les performances), déduplique les couleurs identiques et les affiche sous forme de grille d'échantillons triée par fréquence — les couleurs les plus courantes en premier. Utilisez le curseur Fusionner les similaires pour regrouper les nuances quasi identiques. C'est idéal pour construire une palette de couleurs complète à partir d'une image de référence, d'un mood board ou d'une capture d'écran.
Que fait la tolérance de fusion des couleurs similaires ?
La tolérance contrôle l'agressivité avec laquelle les couleurs similaires sont regroupées. À 0, seules les correspondances RVB exactes sont fusionnées — une photo peut produire plus de 500 couleurs uniques. À 20-40, les nuances visuellement similaires (par ex., des pixels légèrement différents dans un dégradé ou des artefacts JPEG) sont fusionnées en un seul échantillon représentatif. L'algorithme utilise la distance euclidienne dans l'espace RVB : sqrt((r1-r2)² + (g1-g2)² + (b1-b2)²). Les valeurs ≤8 fonctionnent bien pour les logos et les graphiques plats ; 16-32 est préférable pour les photographies.
Que sont les formats de couleur HEX, RVB et TSL ?
HEX (#3B82F6) — format standard CSS/web. RVB (59, 130, 246) — canaux rouge, vert et bleu de 0 à 255, utilisé dans les logiciels de design et la programmation. TSL (217°, 91%, 60%) — angle de teinte, saturation et luminosité ; plus intuitif pour créer des variations de couleur. Les trois décrivent la même couleur — simplement des notations différentes pour différents cas d'usage.
Puis-je utiliser les couleurs extraites en CSS ou dans des outils de design ?
Oui. Cliquez sur n'importe quel bouton Copier (Sélecteur de pixel) ou sur n'importe quel échantillon (Toutes les couleurs) pour copier le code HEX dans votre presse-papier. Collez-le directement dans du CSS : color: #3B82F6;. Utilisez les valeurs RVB dans les outils de design comme Figma, Sketch ou Adobe XD. Utilisez TSL pour générer des variations plus claires/foncées de manière programmatique. Tout le traitement s'effectue localement — vos images ne sont jamais téléversées sur un serveur.

Sélecteur de couleurs et extracteur de palette — Deux outils en un

Notre outil combine un sélecteur de couleur précis au pixel près avec un extracteur de palette complet. Le Sélecteur de pixel vous offre une loupe (zoom 10×) pour cibler des pixels individuels et obtenir les valeurs exactes HEX, RVB et TSL — idéal pour échantillonner une couleur spécifique d'un logo, d'une maquette d'interface ou d'une photo. Le mode Toutes les couleurs extrait chaque couleur unique de l'image entière et les affiche sous forme de grille d'échantillons triable, classée par fréquence d'apparition de chaque couleur. Ensemble, ils couvrent le flux de travail complet de l'extraction de couleur : de l'échantillonnage chirurgical au pixel près à la découverte complète de palette.

Mode Sélecteur de pixel — Précision chromatique chirurgicale

Le Sélecteur de pixel lit la valeur RVB exacte du pixel sous votre curseur en utilisant la méthode getImageData() de l'API Canvas HTML5. La loupe circulaire affiche une région de 11×11 pixels à un zoom 10× avec un réticule superposé, facilitant le ciblage du pixel exact souhaité — même sur les images haute résolution où les pixels sont trop petits pour être visibles à l'œil nu. Chaque couleur sélectionnée est affichée simultanément dans trois formats :

Cliquez sur n'importe quelle couleur pour l'enregistrer dans votre historique de palette (jusqu'à 12 couleurs). Utilisez le bouton Générer une palette pour extraire automatiquement les 5 couleurs dominantes par analyse de fréquence — un moyen rapide d'obtenir le schéma de couleurs principal de n'importe quelle image.

Mode Toutes les couleurs — Extraction complète de palette

Alors que le Sélecteur de pixel excelle dans l'échantillonnage de points individuels, l'onglet Toutes les couleurs répond à la question : « Quelles couleurs y a-t-il réellement dans cette image ? » Il échantillonne systématiquement chaque pixel (à une résolution réduite pour les performances — généralement 150×150 pixels, soit 22 500 échantillons), déduplique les couleurs identiques et présente les résultats sous forme de grille d'échantillons de couleur avec les codes HEX. Les couleurs sont triées par fréquence — les plus courantes apparaissent en premier.

Le curseur de tolérance Fusionner les similaires est le contrôle clé. Sans lui, une photographie pourrait produire des centaines de couleurs visuellement indiscernables en raison des artefacts de compression JPEG, des dégradés subtils et du bruit du capteur. Augmenter la tolérance fusionne les couleurs dont la distance euclidienne dans l'espace RVB est inférieure au seuil. Cela vous donne une palette propre et utilisable au lieu d'une liste écrasante. Pour les logos et les graphiques aux couleurs plates, gardez la tolérance à 0-5. Pour les photographies, 16-32 produit généralement les meilleurs résultats.

Quand utiliser chaque mode

Confidentialité et traitement

Tout le traitement d'image s'effectue entièrement dans votre navigateur en utilisant l'API Canvas. Vos images ne sont jamais téléversées sur un serveur — le fichier reste sur votre appareil. L'outil lit les données des pixels localement, effectue tous les calculs en JavaScript et affiche les résultats instantanément. Pas de compte, pas de traitement cloud, pas de collecte de données. Vous pouvez l'utiliser hors ligne une fois la page chargée.