Qu'est-ce que Pipette de couleur d'image ?

Extraire les valeurs de couleur exactes d'une image en cliquant dessus. La palette se remplit immédiatement des couleurs dominantes, une loupe vous aide à viser le bon pixel, et chaque couleur donne HEX, RGB, HSL, HSV, CMYK ainsi que le nom le plus proche. Enregistrez les couleurs dans la palette et exportez.

Quand une image se charge, l'outil prend ses six couleurs les plus fréquentes et les place directement dans la palette, vous avez donc un jeu de départ avant le moindre clic. Une loupe grossissante montre chaque pixel sous le curseur, ce qui aide à viser la teinte exacte plutôt qu'un voisin lissé. Chaque couleur cliquée indique ses valeurs HEX, RGB, HSL, HSV et CMJN ainsi que la couleur nommée CSS la plus proche, et rejoint une palette que vous pouvez copier en liste hex ou exporter en JSON ou en variables CSS. Il y a aussi un aperçu de vision qui passe l'image dans les filtres de daltonisme courants, pour vérifier l'accessibilité pendant que vous travaillez.

Comment utiliser

1. Étape 1 — Importez n'importe quelle image (PNG, JPEG, WebP, GIF). L'image se charge sur un canevas interactif avec une loupe de zoom.
2. Étape 2 — Cliquez n'importe où sur l'image pour sélectionner une couleur. La loupe agrandit la zone sous votre curseur pour une sélection précise.
3. Étape 3 — Copiez n'importe quelle valeur en HEX, RGB, HSL, HSV ou CMYK, ou notez le nom le plus proche affiché sous l'échantillon. La palette conserve chaque clic — plus les six couleurs détectées automatiquement — pour exporter en un geste.

Quand l'utiliser

• Reproduire la couleur d'une marque à partir d'une capture ou d'un rendu de maquette.
• Bâtir une palette à partir d'une photo de référence pour un projet de design.
• Identifier la teinte exacte du logo ou du bandeau d'un concurrent.

Résultat

Une designer importe une photographie de nature pour extraire le bleu-vert exact d'un lac de montagne. Elle clique sur l'eau, obtient #2E8B8C et l'ajoute à sa palette avec trois autres couleurs de la même photo.

FAQ

Pourquoi la couleur prélevée diffère-t-elle un peu de Photoshop ?

La plupart des navigateurs convertissent les images en sRGB au chargement. Si votre source est étiquetée Adobe RGB ou Display P3, la valeur récupérée est l'équivalent sRGB. Pour une correspondance parfaite, exportez le fichier d'origine en sRGB avant le prélèvement.

La loupe montre-t-elle un pixel précis ou la moyenne d'une zone ?

La loupe échantillonne un seul pixel, celui juste sous la croix. Les pixels voisins ne servent qu'au repérage visuel. Un clic à l'intérieur de la loupe verrouille cette valeur et les bords lissés ne vous trompent plus.

Puis-je prélever des couleurs dans un PNG avec des zones transparentes ?

Oui. Les pixels transparents renvoient leurs valeurs RGB d'origine et l'alpha apparaît séparément. Un pixel totalement transparent donne la couleur de fond du canvas (blanc par défaut), cliquez donc dans une zone opaque pour une lecture fiable.

Quelle est la différence entre HEX, RGB, HSL, HSV et CMYK — laquelle utiliser ?

HEX (#2E8B8C) est la forme la plus courte pour CSS et les outils de design. RGB donne les trois canaux entre 0 et 255, pratique quand le code a besoin des valeurs brutes. HSL décrit teinte, saturation et luminosité — confortable pour éclaircir ou saturer légèrement. HSV est très proche mais utilise value (luminosité perçue) au lieu de la lightness, format préféré des sélecteurs de couleur dans la plupart des logiciels de design. CMYK donne les quatre pourcentages d'impression, le format demandé par l'imprimeur ou le designer print.

Puis-je prélever plusieurs couleurs d'un coup ?

Chaque image importée pré-remplit la palette avec les six couleurs dominantes, et chaque clic suivant ajoute un autre prélèvement à l'ensemble. Le panneau de la palette affiche tout ce qui a été échantillonné et vous laisse copier n'importe quel échantillon, copier tous les codes hex d'un coup, supprimer des entrées précises ou exporter l'ensemble sous forme de fichier JSON ou de propriétés personnalisées CSS prêtes à coller.

Outils similaires