imgglide
Français

Relever le code couleur d’une image

Déposez une image, puis touchez ou cliquez là où vous voulez une couleur. Chaque prélèvement s’écrit en quatre formats, et les couleurs principales de l’image s’alignent dessous en palette toute prête.

Ouvrez une image, puis touchez-la ou cliquez dessus pour prélever une couleur.

ou déposez un fichier ici

Vous pouvez aussi coller une image avec Ctrl+V (Cmd+V sur Mac).

Vos fichiers sont traités sur votre propre appareil et ne sont jamais envoyés.

Mode d’emploi

  1. Chargez une image avec « Choisir un fichier » ou déposez-la sur la page. Pour une capture d’écran, collez-la avec Ctrl+V (Cmd+V sur Mac), ou utilisez « Coller une image » si votre navigateur affiche ce bouton.
  2. Touchez ou cliquez à l’endroit voulu. À la souris, une loupe suit le pointeur ; sur un téléphone, appuyez, maintenez et faites glisser pour la voir au-dessus du doigt, puis relevez le doigt pour prélever.
  3. Lisez les valeurs sous « Couleur prélevée » : « HEX », « RGB », « HSL » et « CMJN (approx.) ». Chaque ligne a son propre bouton de copie.
  4. Descendez jusqu’à « Couleurs principales » et réglez « Couleurs » entre 5 et 10. Cliquez sur une pastille pour afficher les codes de cette couleur sous « Couleur prélevée ».
  5. « Copier la liste HEX » donne un code par ligne, « Copier en CSS » des propriétés personnalisées et « Enregistrer en PNG » une image de palette. « Ouvrir une autre image » charge l’image suivante.

Ce que fait l’outil

  • Une loupe en grille de 11 × 11 pixels

    Survolez à la souris, ou maintenez et faites glisser sur un écran tactile : une loupe montre une grille de 11 × 11 pixels, le pixel visé encadré et son code HEX en dessous. Elle se place à côté du pointeur sur un ordinateur et au-dessus du doigt sur un téléphone, de sorte que vous voyez quel voisin vous allez prélever.

  • Quatre formats, un clic chacun

    Chaque prélèvement s’affiche en HEX, RGB, HSL et CMJN, avec son propre bouton de copie. Un pixel semi-transparent reçoit un HEX à huit chiffres ainsi que des valeurs RGBA et HSLA, avec l’opacité écrite en pourcentage.

  • Les 12 dernières couleurs

    « Couleurs récentes » garde vos douze derniers prélèvements, en ne mémorisant que leurs codes hexadécimaux dans ce navigateur. Cliquez sur l’une pour la rappeler ou la copier, ou sur « Effacer » pour vider la liste.

  • Couleurs principales et leur part

    La palette trouve de 5 à 10 couleurs dominantes, 6 au départ. Chacune est accompagnée de sa part dans l’image, écrite en pourcentage et dessinée en barre proportionnelle. Elles sont calculées sur une copie réduite à 256 pixels sur le grand côté, en ignorant les pixels presque transparents.

  • Une palette prête pour le code ou les diapositives

    La version CSS est un bloc :root avec --color-1, --color-2 et ainsi de suite, chacun suivi de son pourcentage en commentaire. Le PNG montre une pastille par couleur avec son code HEX et sa part dessous, et reprend le nom de votre fichier avec -palette en plus.

  • Prélever n’importe où à l’écran

    « Prélever à l’écran » apparaît dans les navigateurs dotés d’une pipette, surtout Chrome et Edge sur ordinateur : il échantillonne n’importe quel pixel visible sur votre affichage, dans une autre fenêtre ou une page web, pas seulement dans l’image ouverte. Il fonctionne avant même d’ouvrir une image, et la couleur arrive dans « Couleur prélevée » et dans la liste récente comme n’importe quel autre prélèvement.

Bon à savoir

Une pipette répond à de petites questions pratiques. Quel bleu exact y a-t-il dans ce logo ? Quelle est la teinte du mur sur cette photo d’annonce ? Quelles couleurs utilise la photo de cette diapositive, pour que le titre s’y accorde ? Un code comme #E4572E va tout droit dans le CSS et les outils de design, RGB et HSL sont ce que parlent la plupart des logiciels graphiques, et le CMJN n’est qu’un point de départ pour l’impression.

Sachez ce que vous échantillonnez. Chaque prélèvement lit un seul pixel : une photo granuleuse ou un JPG avec du bruit de compression peut donc renvoyer une couleur légèrement différente de celle du pixel voisin. Prélevez quelques voisins et comparez, ou laissez les couleurs principales donner l’impression d’ensemble. Les valeurs sont en sRGB, l’espace colorimétrique des navigateurs. La ligne CMJN est dérivée du RGB, ce qui en fait au mieux une estimation ; demandez une épreuve à l’imprimeur quand une couleur doit coller exactement.

Une petite image est affichée agrandie jusqu’à 4× avec des bords de pixels nets, ce qui facilite le ciblage d’un pixel. Au-delà de 16,7 mégapixels (4096 × 4096), l’image est d’abord réduite à cette limite, la page le dit, et les couleurs sont lues sur la copie réduite. Au clavier, cliquez sur l’image, déplacez-vous avec les flèches (Maj saute de dix pixels) et appuyez sur Entrée pour prélever.

Questions fréquentes

Où trouver la valeur HEX d’un pixel ?

Cliquez sur le pixel. La valeur HEX s’affiche à côté de la grande pastille sous « Couleur prélevée », avec son propre bouton de copie.

Peut-on extraire une palette d’une photo ?

Oui. « Couleurs principales » liste de 5 à 10 couleurs dominantes de l’image avec leur part. Copiez-les en liste ou en CSS, ou gardez une image de palette avec « Enregistrer en PNG ».

Pourquoi la ligne CMJN indique-t-elle approx. ?

L’écran mélange de la lumière, l’imprimante mélange de l’encre : un nombre CMJN déduit du RGB n’est donc qu’une estimation. Demandez une épreuve à l’imprimeur avant de vous y fier.

Peut-on utiliser une capture d’écran sans l’enregistrer d’abord ?

Oui. Copiez-la, cliquez sur la page et collez. Le raccourci est Cmd+V sur Mac et Ctrl+V ailleurs, et « Coller une image » fait la même chose là où votre navigateur le permet.

Pourquoi « Prélever à l’écran » n’apparaît-il pas chez moi ?

Votre navigateur n’a pas de pipette. Chrome et Edge sur ordinateur en ont une, la plupart des autres non. Vous pouvez toujours prélever dans n’importe quelle image que vous ouvrez.

La page retient-elle mes couleurs ?

Les 12 dernières couleurs restent mémorisées par ce navigateur, sous la forme de leurs codes hexadécimaux, et vous attendent à la prochaine visite. « Effacer » à côté de « Couleurs récentes » vide la liste.

Outils associés