Comment prélever des couleurs sur une capture d'écran (2026)

Une capture d'écran est souvent la seule chose que vous avez. Vous ne pouvez pas ouvrir le CSS du site, vous ne pouvez pas inspecter l'appli, vous n'avez pas le fichier de design — mais vous voyez les couleurs à l'écran, et une capture les fige en une image que vous pouvez échantillonner. Voici comment en extraire des codes couleur exacts.

Pourquoi une capture est la source honnête

Quand vous capturez une page ou une appli rendue, vous saisissez les couleurs telles qu'elles apparaissent réellement — après application de chaque dégradé, superposition et opacité. C'est souvent plus fidèle que la valeur source. Une carte définie en #000000 à 90 % d'opacité sur un fond gris n'est pas noire à l'écran ; c'est un gris foncé précis. Inspecter le code vous donne la recette ; échantillonner la capture vous donne la couleur qu'un utilisateur voit vraiment. Quand vous cherchez à reproduire ce rendu, c'est la capture qu'il faut lire.

Prélever une couleur en trois étapes

1. Prenez et chargez la capture. Capturez l'écran (ou la zone qui vous intéresse) et déposez l'image dans la pipette.
2. Survolez le pixel. Une loupe de grossissement suit votre curseur et agrandit la zone en dessous, pour viser avec précision — même sur une bordure fine ou une petite icône.
3. Cliquez pour enregistrer, puis copiez. Chaque clic conserve la couleur en échantillon avec ses valeurs HEX, RGB et HSL, chacune dotée d'un bouton de copie. Copiez le format dont vous avez besoin et collez-le dans votre feuille de style ou votre outil de design.

Points à surveiller propres aux captures

Les captures ont des particularités qui peuvent fausser un échantillon de couleur, et elles sont faciles à éviter une fois connues :

• Enregistrez en PNG, pas en JPEG. La compression JPEG bavouille légèrement les couleurs, surtout près des bords et dans les aplats, si bien qu'une valeur échantillonnée peut dériver de la vraie. Le PNG est sans perte et garde chaque pixel exact — la plupart des outils de capture d'OS enregistrent déjà en PNG par défaut.
• Attention au niveau de zoom. Une capture prise à un zoom navigateur ou OS autre que 100 % est mise à l'échelle, et la mise à l'échelle mélange les pixels voisins. Pour l'échantillon le plus propre, capturez à 100 %.
• Évitez les bords et le texte. L'anticrénelage fait que les pixels le long d'un bord sont des mélanges, pas la vraie couleur. Échantillonnez au milieu d'une zone uniforme — la loupe vous aide à voir que vous êtes à l'écart de la frontière floue.
• Méfiez-vous de la couleur sous-pixel du texte. Zoomez dans un texte rendu et vous verrez des franges de couleur qui ne sont pas la vraie valeur du texte. Prélevez les couleurs sur les aplats et les fonds, pas sur les traits des lettres.

Lire HEX, RGB et HSL

Chaque échantillon affiche les trois formats à la fois :

• HEX (#3A7BD5) — le défaut pour le CSS et les outils de design.
• RGB (rgb(58, 123, 213)) — les valeurs par canal, pratiques quand il vous faut la transparence rgba.
• HSL (hsl(215, 65%, 53%)) — teinte, saturation, luminosité, idéal quand vous voulez ajuster la couleur plutôt que la copier à l'exact.

Vous ne ré-échantillonnez pas pour changer — la même couleur est déjà là dans les trois formats.

Récupérez toute une palette en une passe

À partir d'une seule capture, vous pouvez reconstruire tout un jeu de couleurs : cliquez la couleur de l'en-tête, le bouton, le lien, le fond, le texte atténué. Chacune s'empile dans la liste pour que vous tiriez l'ensemble complet en une seule session et les copiiez dans l'ordre.

Si vous voulez plutôt la palette globale d'une image résumée pour vous — la poignée de tons dominants — c'est un autre travail, et l'outil de palette d'img.diy les extrait automatiquement. Cette pipette sert à pointer un pixel précis dans la capture ; l'outil de palette sert à caractériser l'image dans son ensemble.

Rien ne quitte votre machine

Les captures contiennent souvent des choses que vous préféreriez ne pas téléverser — un tableau de bord interne, un brouillon privé, l'interface non publiée d'un client. Ici l'image est lue localement dans votre navigateur depuis un canevas : rien n'est envoyé où que ce soit, il n'y a pas de compte, et ça fonctionne hors ligne après le premier chargement. Vous obtenez les couleurs sans que la capture ne quitte jamais votre appareil.

Prenez la capture, survolez le pixel, cliquez, et copiez.