Trouver le code couleur d’une image en ligne

Ouvrez une image, ciblez précisément le pixel voulu avec une mire agrandie, puis copiez sa valeur HEX, RGB ou HSL et conservez les couleurs utiles de l’image.

ou déposez une image ici

JPG, PNG ou WebP · jusqu’à 50 Mo

L’image est analysée localement dans votre navigateur

Des couleurs précises directement depuis une image

Prélèvement au pixel près

Utilisez la mire agrandie pour cibler un pixel précis au lieu d’estimer une couleur à partir de l’image entière.

HEX, RGB, HSL et palette

Copiez la couleur sélectionnée dans les formats courants du Web et du design, enregistrez plusieurs échantillons et examinez les couleurs représentatives de l’image.

Analyse locale des couleurs

Le prélèvement des pixels et l’extraction de la palette s’effectuent sur votre appareil, sans envoyer l’image vers un serveur ImageNow.

Comment ça fonctionne

  1. Choisissez ou déposez une image prise en charge.
  2. Déplacez le pointeur sur l’image et sélectionnez le pixel exact à l’aide de la mire agrandie.
  3. Copiez la valeur HEX, RGB ou HSL et enregistrez les couleurs que vous souhaitez conserver.
  4. Comparez vos échantillons avec la palette extraite de l’image ou ouvrez une autre image.

Comment obtenir un code couleur depuis une image

Choisissez l’image, placez le pointeur sur la zone voulue et utilisez la vue agrandie pour distinguer les pixels voisins. Sélectionnez le pixel afin d’actualiser la couleur, puis copiez la valeur dans le format attendu par votre logiciel de design, votre feuille de style, votre document ou votre présentation.

HEX, RGB et HSL décrivent la même couleur sélectionnée

HEX est une notation hexadécimale compacte couramment utilisée en CSS et dans les livrables de design. RGB indique les valeurs des canaux rouge, vert et bleu. HSL décrit la teinte, la saturation et la luminosité, ce qui peut faciliter les ajustements systématiques. La conversion entre ces formats ne change pas la couleur prélevée.

Pourquoi des pixels voisins peuvent avoir des valeurs différentes

Les photos contiennent des textures, des variations de lumière, des ombres, des artefacts de compression et des contours anticrénelés. Des pixels proches peuvent donc différer même s’ils semblent appartenir à une seule zone. Prélevez plusieurs points voisins et enregistrez les valeurs utiles. Une palette représentative révèle les couleurs générales, mais ne remplace pas une sélection précise au pixel près.

Utiliser les couleurs prélevées avec un contraste adapté

Une couleur tirée d’un logo ou d’une photo n’est pas automatiquement lisible comme texte ni adaptée à toutes les interfaces. Pour l’utiliser sur un site ou dans un document, testez l’association du premier plan et de l’arrière-plan à la taille de texte requise et suivez la norme d’accessibilité applicable à votre projet.

Questions fréquemment posées

Comment sélectionner une couleur dans une image ?

Choisissez une image, placez-vous sur la zone voulue, utilisez la mire agrandie pour identifier un pixel, puis sélectionnez-le. Vous pouvez ensuite copier sa valeur HEX, RGB ou HSL.

Puis-je obtenir un code HEX à partir d’une photo ?

Oui. Les pixels opaques sont affichés en HEX sur six chiffres ; ceux qui comportent de la transparence utilisent huit chiffres, canal alpha compris. Les valeurs RGB et HSL conservent également l’alpha. Utilisez la commande de copie à côté de la valeur souhaitée.

Quelle est la différence entre HEX, RGB et HSL ?

Ce sont différentes façons de représenter la même couleur. HEX et RGB encodent les canaux rouge, vert et bleu, tandis que HSL décrit la teinte, la saturation et la luminosité.

Puis-je enregistrer plusieurs couleurs prélevées ?

Oui. Enregistrez les échantillons utiles pendant que vous examinez l’image, puis comparez-les ou copiez-les sans devoir retrouver plusieurs fois les mêmes pixels. Vous pouvez aussi télécharger les couleurs enregistrées dans un fichier CSS ou TXT.

L’outil extrait-il une palette de couleurs ?

Oui. Il affiche 8 couleurs représentatives calculées à partir de l’image. Sélectionnez-en une pour consulter ses valeurs ou utilisez le prélèvement précis si vous avez besoin de la couleur d’un emplacement exact.

Pourquoi la couleur prélevée diffère-t-elle légèrement de celle attendue ?

L’éclairage, les dégradés, la compression de l’image, la gestion des couleurs de l’écran et les contours anticrénelés peuvent créer des variations entre des pixels voisins. Utilisez la loupe et comparez plusieurs échantillons proches.

Cet outil peut-il vérifier si deux couleurs ont un contraste accessible ?

Non. Cette page prélève et convertit les couleurs d’une image. Testez l’association réelle entre premier plan et arrière-plan avec un vérificateur de contraste d’accessibilité dédié.

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

Non. L’image est décodée, échantillonnée et analysée localement dans votre navigateur, sans envoi vers un serveur ImageNow.