Extraire les couleurs — palette et pipette au clic
Cliquez l’image pour moyenner une petite région autour du point (environ 7×7 pixels source).
Obtenez les couleurs dominantes et une palette complète depuis n’importe quelle photo — ou utilisez la pipette au clic sur une région. Étapes : choisir l’image, régler le nombre de couleurs (2–12), extraire, copier HEX/RGB/HSL, ou cliquer l’aperçu pour une moyenne locale. Exemple : six teintes d’une photo de marque puis un clic sur le logo pour un accent — le fichier reste sur l’appareil.
Fonctionnement
Choisissez une photo et extrayez une palette : la page réduit une copie de travail (bord long ~256 px), ignore les pixels quasi transparents, regroupe les couleurs et trie par fréquence. Séparément, cliquez l’aperçu pour moyenner un petit carré autour de ce point en pleine résolution et copier HEX, RGB ou HSL — rien n’est envoyé.
À quoi s’attendre
Extraction de palette et prélèvement au clic partagent une image mais répondent à des questions différentes. Consultez la liste si une couleur semble inattendue.
- L’échantillonnage palette utilise un bitmap réduit (bord max ~256 px) pour garder les grandes photos fluides. Le détail fin peut fusionner dans des teintes proches.
- Les pixels avec alpha sous 128 sont ignorés pour la palette et les moyennes au clic. Les points entièrement transparents affichent un message clair.
- Vous demandez 2–12 couleurs de palette ; sur image plate, il peut y en avoir moins. Tri par part d’échantillons.
- Le clic moyenne les pixels opaques dans une fenêtre ~7×7 autour du clic en coordonnées source (pas seule la miniature). C’est un échantillon de région, pas une pipette pixel labo.
- Confidentialité : décodage, calcul de palette et prélèvement au clic tournent en local dans cet onglet.
Exemple
Chargez l’exemple à quatre blocs, laissez Couleurs à 6 et extrayez — vous devriez voir teal, ambre, vert, crème et rouge. Puis cliquez le cercle rouge : la carte de couleur prélevée affiche un HEX rouge de la moyenne ~7×7 autour de ce point, prêt à copier.
Bon usage
- Photos de marque : tirez une palette puis cliquez un logo ou bouton pour un accent précis.
- Captures d’UI : parcourez la palette d’interface puis cliquez une puce ou icône pour la couleur exacte de la région.
- Idées de dégradé : prenez deux accents depuis la palette ou au clic, puis ouvrez le calculateur de dégradés.
Frequently asked questions
Mon image quitte-t-elle le navigateur ?
Non. Calcul de palette et prélèvement au clic tournent en local. Vérifiez l’onglet Réseau — l’image n’est pas POSTée.
Comment sont choisies les couleurs principales ?
La page réduit l’image, écarte les pixels peu opaques, partage l’espace couleur avec median-cut, moyenne chaque groupe et trie par nombre d’échantillons.
Que se passe-t-il quand je clique l’image ?
L’outil remappe le clic vers les pixels source et moyenne les couleurs opaques dans un petit carré (~7×7). Vous obtenez HEX/RGB/HSL pour cette région, séparé de la liste palette.
Pourquoi un clic n’est-il pas un seul pixel ?
Photos et captures UI sont bruitées en 1×1. Une moyenne de petite région est plus stable pour les accents CSS tout en suivant où vous avez cliqué.
Les GIF animés sont-ils entièrement analysés ?
Seule la première image est dessinée, utilisée pour la palette et disponible pour le prélèvement au clic.
Related tools
Questions ou retours
Quelque chose n’est pas clair, cassé ou manquant ? Rédigez un message ci-dessous — nous lisons chaque note.