Besoin de la couleur exacte d'un logo, d'une capture d'écran, d'une photo ou d'une référence de design ? Chargez l'image, déplacez le curseur dessus pour prévisualiser la couleur sous une loupe grossissante, et cliquez pour l'enregistrer. Chaque couleur enregistrée affiche ses valeurs HEX, RGB et HSL avec des boutons de copie en un clic.
Il lit les pixels directement dans l'image, au sein de votre navigateur, le prélèvement est donc instantané et le fichier n'est jamais téléversé — pratique pour des couleurs de marque que vous préférez ne pas envoyer à un site inconnu.
Comment faire
- Ajoutez une imageDéposez l'image ou la capture d'écran dont vous voulez les couleurs.
- Survolez et cliquezLa loupe grossit le pixel exact ; cliquez pour enregistrer la couleur.
- Copiez la valeurRécupérez le HEX, le RGB ou le HSL de chaque couleur enregistrée.
Parfois, il vous faut une seule couleur d'une image et rien d'autre ne convient — le bleu exact d'un logo, le gris derrière un bouton dans une capture d'écran, une nuance d'une photo à réutiliser. Votre œil ne peut pas lire un code hex à l'écran, et la couleur qui a l'air juste est généralement fausse de quelques chiffres. Ce sélecteur vous laisse charger une image, la survoler avec une loupe grossissante qui agrandit les pixels sous votre curseur, et cliquer pour enregistrer exactement celui que vous voulez comme échantillon — HEX, RGB et HSL tous affichés ensemble, chacun avec un bouton de copie.
Il lit les pixels localement dans votre navigateur depuis un canvas : rien n'est mis en ligne, il n'y a pas de compte, et après le premier chargement il fonctionne hors ligne. Cela compte quand l'image est une maquette non sortie, un asset de marque d'un client ou une capture d'écran interne. C'est un échantillonneur ponctuel — chaque clic lit un pixel, ce qui est exactement bon pour un logo net ou une UI en aplats, et demande un peu plus de soin sur une photo bruitée. Si vous préférez qu'on extraie pour vous les couleurs dominantes d'une image entière, c'est le rôle de l'outil de palette distinct ; celui-ci sert à pointer un pixel précis et à en prendre la valeur.
À quoi les gens l'utilisent
Retrouver la couleur exacte d'une marque depuis un vieux logo quand la charte a disparu
Accorder un bouton ou un titre à la couleur d'une capture d'écran d'un site qui vous plaît
Extraire les couleurs primaire, d'accent et de texte d'un logo en une seule passe
Prélever une nuance d'une photo pour l'utiliser comme fond ou accent
Lire la vraie couleur affichée d'un élément semi-transparent depuis une capture d'écran
Copier une couleur en HSL pour l'éclaircir ou l'atténuer pour un état de survol ou une variante
Quand il vous faut la couleur exacte, pas une couleur approchante
Vous refaites une identité de marque et la seule référence est un vieux logo. Vous accordez un bouton à la capture d'un site que vous aimez. Vous avez repéré une nuance dans une photo et voulez l'utiliser dans votre propre design. Dans chaque cas le problème est le même : votre œil ne peut pas lire un code hexadécimal sur un écran. « Ce turquoise » est en réalité une douzaine de turquoises légèrement différents, et les écrans les décalent encore plus. Il vous faut le nombre que le pixel contient réellement.
C'est ce que fait cet outil. Chargez une image, déplacez-vous dessus, et une loupe grossissante suit votre curseur en montrant les pixels dessous, agrandis pour que vous tombiez sur celui précis que vous voulez. Cliquez, et cette couleur est enregistrée comme une pastille. Chaque pastille indique sa valeur HEX, RGB et HSL avec un bouton de copie à côté de chacune, pour que vous alliez directement d'un pixel dans l'image à un code dans votre presse-papiers.
L'image ne quitte jamais votre machine. Les pixels sont lus localement dans le navigateur depuis un canevas — rien n'est téléversé, il n'y a aucun compte, et une fois la page chargée elle continue de fonctionner le réseau coupé. C'est tout l'intérêt quand l'« image » est une maquette non lancée, l'élément de marque d'un client, ou une capture interne que vous ne devriez pas confier à un outil web quelconque.
Comment ça marche en pratique
- La loupe est là pour la précision. Les logos et les interfaces ont des bords nets où la couleur change sur un seul pixel — l'anticrénelage fait que le pixel voisin est un mélange boueux. La vue agrandie vous laisse voir exactement sur quel pixel vous êtes avant de vous engager, pour que vous choisissiez la couleur de marque plate et non le bord.
- Chaque clic garde une pastille. L'échantillonnage n'est pas un-à-la-fois-et-terminé. Cliquez autour de l'image et chaque couleur s'empile dans une liste, pour que vous puissiez tirer la couleur principale d'un logo, son accent et la couleur du texte en une passe et les comparer côte à côte.
- Trois formats, un seul choix. Chaque pastille montre HEX, RGB et HSL à la fois. Vous ne rééchantillonnez pas pour changer de format — la même couleur est déjà là dans les trois, chacun avec son propre bouton de copie.
HEX, RGB, HSL — lequel copier
Ce sont trois façons d'écrire la même couleur, et le bon choix dépend de sa destination.
- HEX (
#3A7BD5) est le format par défaut du web — CSS, la plupart des outils de design, les documents de marque. Compact et collable partout. Copiez celui-ci sauf raison contraire. - RGB (
rgb(58, 123, 213)) détaille les canaux rouge, vert et bleu. Utile quand un outil veut des valeurs de canaux, quand il vous faut un canal alpha (rgba), ou quand vous raisonnez sur la façon dont une couleur est mélangée. - HSL (
hsl(215, 65%, 53%)) décrit teinte, saturation et luminosité. C'est celui vers lequel se tourner quand vous voulez ajuster une couleur plutôt que simplement la réutiliser — décaler la luminosité pour un état de survol, baisser la saturation pour une variante atténuée, garder la teinte et bâtir une gamme.
Une limite honnête, et un outil cousin
C'est un échantillonneur ponctuel : chaque clic lit un seul pixel. Sur un logo propre ou une interface plate, c'est exactement ce que vous voulez. Sur une photo bruitée — grain, dégradés, artefacts JPEG — deux pixels voisins peuvent différer, donc choisissez dans une zone plate et servez-vous de la loupe pour éviter de tomber sur une valeur aberrante. Il n'y a pas ici de pinceau qui moyenne une région.
Et si vous ne voulez pas choisir à la main du tout, img.diy propose un outil de palette distinct qui scanne une image entière et vous remet automatiquement ses couleurs dominantes. Les deux répondent à des questions différentes. L'outil de palette vous dit de quelles couleurs cette image est faite ; le sélecteur de couleur vous laisse pointer un pixel précis — cet endroit exact sur le logo, ce bouton-là — et prendre sa valeur. Tournez-vous vers l'outil de palette pour résumer une image, et vers celui-ci quand vous connaissez déjà le point que vous voulez.
Chargez une image, survolez pour trouver le pixel, cliquez pour le garder, copiez le format dont vous avez besoin.
Pourquoi IMG.DIY
Loupe grossissante
Zoome pour cliquer sur le pixel exact.
HEX / RGB / HSL
Chaque couleur enregistrée dans trois formats.
Copie en un clic
Copiez n'importe quelle valeur directement dans le presse-papiers.
Confidentiel
Les pixels sont lus localement — sans téléversement.