Utilia
Catégories ▾
Langue: fr ▾

Pipette de couleur sur image

Importez une image et cliquez sur un pixel pour obtenir sa couleur en HEX, RGB, HSL, HSV et CMJN. Loupe, moyenne de pixels et liste des couleurs relevées.

Comment relever une couleur sur une image

  1. Déposez une image dans la zone prévue, ou cliquez dessus pour choisir un fichier (JPG, PNG, WebP, GIF ou tout format que votre navigateur sait afficher).
  2. Survolez l’image avec le pointeur. La loupe montre, agrandis, les pixels autour du curseur, et Sous le curseur donne le code HEX en direct.
  3. Cliquez sur le pixel voulu. La pastille Couleur relevée l’affiche avec la position du pixel, et les codes HEX, RGB, HSL, HSV et CMJN apparaissent à côté, chacun avec un bouton Copier.
  4. Continuez à cliquer pour relever d’autres couleurs : elles s’ajoutent à Couleurs relevées, où chacune peut être copiée. Vider la liste efface tout.

Sur téléphone ou tablette, touchez simplement l’image. Au clavier, placez le focus sur l’image avec Tab, déplacez-vous avec les flèches (Maj pour avancer de 10 pixels) et appuyez sur Entrée pour relever la couleur.

L’image ne quitte jamais votre appareil : elle est décodée et lue par votre navigateur uniquement.

Un pixel ou une moyenne ?

Le menu Zone d’échantillonnage règle le nombre de pixels lus à chaque relevé :

  • 1 pixel donne la couleur exacte du pixel sous le curseur. À privilégier pour les aplats, logos, captures d’écran et icônes.
  • Moyenne 3 × 3 et Moyenne 5 × 5 donnent la couleur moyenne des 9 ou 25 pixels voisins. À privilégier pour les photos : la compression JPEG et le bruit du capteur font varier légèrement les pixels voisins, et la moyenne représente mieux la couleur perçue.

Le carré tracé dans la loupe montre exactement les pixels pris en compte. Au bord de l’image, seuls les pixels existants sont comptés.

La transparence des fichiers PNG ou WebP est gérée : la couleur est pondérée par l’opacité, de sorte que les zones entièrement transparentes ne tirent pas le résultat vers le noir, et un résultat semi-transparent reçoit un code HEX à huit chiffres avec canal alpha, comme #FF000080.

Précision et limites

  • Les couleurs sont lues dans l’espace sRGB du canevas du navigateur. Une image enregistrée avec un autre profil (Adobe RGB, Display P3) est d’abord convertie par le navigateur : les codes correspondent à ce que vous voyez à l’écran, mais peuvent différer un peu des valeurs brutes affichées par un logiciel de retouche.
  • Les très grandes images sont réduites à 4 096 pixels sur leur plus grand côté pour limiter la mémoire utilisée. L’outil vous le signale ; sur ces images, chaque pixel relevé est déjà une petite moyenne de l’original.
  • Les valeurs CMJN sont une conversion simplifiée, sans profil ICC, à prendre comme simple repère.

Questions fréquentes

Comment connaître le code HEX d’une couleur sur une photo ?

Ouvrez la photo avec cet outil et cliquez sur la couleur. Le code HEX s’affiche dans la case Couleur relevée ; cliquez sur Copier à côté pour le coller dans votre CSS, Figma, Canva ou toute autre application.

Pourquoi deux pixels voisins ont-ils des codes différents ?

Une photo contient du bruit, des dégradés et des artefacts de compression : deux pixels identiques à l’œil ont rarement la même valeur. Choisissez Moyenne 3 × 3 ou Moyenne 5 × 5 dans Zone d’échantillonnage pour obtenir une couleur plus stable.

Puis-je relever une couleur sur une capture d’écran d’un site ?

Oui. Faites une capture, enregistrez-la en PNG et déposez-la ici. Le PNG est sans perte : avec 1 pixel, vous obtenez la couleur exacte utilisée sur la page, à condition que l’écran n’ait pas appliqué de mise à l’échelle ou de gestion des couleurs.

Mon image est-elle envoyée sur un serveur ?

Non. Le fichier est ouvert par votre navigateur et dessiné sur un canevas, sur votre appareil. Rien n’est envoyé, et tout disparaît quand vous fermez la page.

Puis-je obtenir toute une palette plutôt que des couleurs isolées ?

Cet outil lit des pixels un par un. Pour obtenir automatiquement les couleurs principales d’une image, utilisez un outil d’extraction de palette : il regroupe les pixels semblables et liste les couleurs dominantes avec leur proportion.

Outils similaires