Pipette en ligne pour récupérer la couleur d’une image

Qu’est-ce qu’un sélecteur de couleur à partir d’une image ?

Un sélecteur de couleur à partir d’une image — ou pipette en ligne — est un outil qui permet de récupérer le code couleur exact d’un pixel dans une photo, sans ouvrir Photoshop ni installer d’extension. Vous chargez une image, vous cliquez sur la zone qui vous intéresse — un logo, un fond, un vêtement sur une photo — et l’outil vous donne immédiatement le hex, le RGB et le HSL de ce point précis.

C’est la solution la plus rapide quand on cherche à trouver le code couleur d’une photo pour la réutiliser ailleurs : dans une feuille de style CSS, un fichier Figma, une présentation, ou simplement pour connaître le nom de la couleur qu’on a sous les yeux. Tout se passe dans l’onglet du navigateur, sans envoyer l’image nulle part.

Comment l’utiliser

1. Chargez une image. Cliquez sur « Choisir une image », glissez un fichier sur la zone prévue, ou collez-le directement depuis le presse-papiers avec Ctrl+V (Cmd+V sur Mac).
2. Survolez l’image. Un aperçu en direct affiche la couleur sous le curseur et son code hex, qui se met à jour à chaque déplacement — pratique pour repérer la bonne nuance avant de cliquer.
3. Cliquez pour prélever, puis copiez. Un clic sur l’image fixe la couleur retenue : elle apparaît dans un panneau avec un grand échantillon, des boutons pour copier le hex, le rgb() ou le hsl(), et le nom de la couleur la plus proche parmi 220 références. Les huit couleurs dominantes de l’image et la rangée des prélèvements récents se cliquent aussi pour resélectionner une teinte.

À quoi ça sert concrètement

C’est l’outil qu’on ouvre pour récupérer la couleur exacte d’un logo à partir d’une capture d’écran, retrouver le hex d’une couleur de marque quand personne n’a la charte graphique sous la main, ou accorder la palette d’un site web à une photo de produit ou une image de fond. La palette dominante extraite automatiquement — huit couleurs en un coup d’œil — est aussi un bon point de départ pour composer un thème ou une combinaison de couleurs cohérente à partir d’une seule photo.

Pour le travail de design et les présentations, l’outil évite les allers-retours entre un logiciel de retouche et une maquette : on prélève plusieurs points sur une même image, la rangée des prélèvements récents garde l’historique, et on copie les codes au fur et à mesure dans Figma, une feuille CSS ou un slide.

Limites à connaître

L’outil prélève ce que le navigateur a réellement décodé et affiché, pas la couleur « idéale » de la scène d’origine. Sur un JPEG, la compression a déjà légèrement déplacé les couleurs, surtout près des contours nets : un hex prélevé au bord d’une forme peut donc différer un peu de la teinte d’origine. Le prélèvement se fait toutefois toujours en pleine résolution, sur le vrai pixel du fichier et non sur un mélange produit par la mise à l’échelle à l’écran. Et rien ne sort de votre navigateur : l’image est dessinée dans un canvas et lue pixel par pixel en JavaScript, sans transiter par un serveur.

Les photos avec un profil couleur étendu — par exemple une prise de vue Display P3 d’un smartphone récent — sont converties en sRVB au moment de leur affichage dans le canvas : le hex obtenu est donc une approximation sRVB d’un original aux couleurs parfois plus vives. Quant aux huit couleurs extraites automatiquement, elles proviennent d’un regroupement rapide des pixels proches par paniers, pas d’une analyse perceptuelle : une petite touche de couleur vive peut disparaître derrière un fond terne qui domine l’image. Sur les formats animés, le prélèvement porte sur l’image affichée à cet instant, et les pixels totalement transparents renvoient cette transparence plutôt qu’une couleur en dessous.

Pourquoi est-ce gratuit ?

Parce que tout tourne dans votre navigateur : l’image est dessinée dans un élément canvas et lue pixel par pixel en JavaScript, sans jamais transiter par un serveur — aucune copie ne subsiste une fois l’onglet fermé. Pas de compte à créer, pas de filigrane, pas de limite d’utilisation : juste un outil qui fait une chose précise, gratuitement.