Trouvez le code couleur d'une image au pixel près

Une pipette couleur en ligne est un outil qui lit la valeur réelle des pixels d'une image et vous en donne le code couleur. Vous pointez un endroit d'une photo, d'une capture d'écran ou d'un logo, et elle vous indique que ce pixel vaut #F5A17D, rgb(245, 161, 125) ou toute autre notation dont vous avez besoin. Elle ne fait rien d'autre : ce n'est ni un filtre ni un éditeur, et votre image n'est pas modifiée. C'est un moyen de faire passer une couleur d'une image à une feuille de style, à un fichier de design ou à une commande de peinture.

Votre navigateur décode l'image en une grille de pixels, et chaque pixel porte une valeur de rouge, de vert et de bleu comprise entre 0 et 255. L'outil dessine l'image décodée sur un canvas HTML à sa taille d'origine, puis relit le pixel situé sous votre curseur. Ces trois nombres donnent toutes les autres notations : l'hexadécimal, ce sont les mêmes nombres écrits en base 16, tandis que HSL et OKLCH décrivent la même couleur par un angle et une clarté. Le zoom ne change que ce que vous voyez : le canvas réellement lu n'est jamais redimensionné, si bien qu'une lecture au zoom ×10 est identique à une lecture en vue ajustée.

Parce que deviner prend plus de temps que mesurer, et qu'une couleur presque juste, ça se voit. Si vous reconstruisez une mise en page à partir d'une capture, cherchez la couleur d'une marque dans un PDF reçu par e-mail ou tirez une palette d'une photo, la couleur est déjà là : il vous la faut simplement sous une forme que vous pouvez coller. La pipette vous donne aussi ce qui est fastidieux à calculer à la main : ses nuances, son rapport de contraste sur blanc et sur noir, et si elle se distingue encore de ses voisines pour une personne daltonienne.

Déposez votre image sur l'outil, survolez la zone voulue et cliquez. La loupe affiche le bloc de 13 × 13 pixels sous votre curseur, grille comprise : vous voyez quel pixel vous allez prélever avant de cliquer. Le clic pose un repère numéroté, et le panneau voisin affiche neuf notations pour ce pixel ; cliquez sur l'une d'elles pour la copier. Pour une précision absolue, zoomez à la molette et utilisez les touches fléchées, qui déplacent l'échantillon d'un pixel à la fois : plus besoin de viser.

Tout ce que votre navigateur sait décoder, c'est-à-dire en pratique JPEG, PNG, WebP, AVIF, GIF et BMP, ainsi que les SVG qui déclarent une largeur et une hauteur intrinsèques. La limite est de 40 Mo par fichier, sans limite de dimensions. Vous pouvez glisser-déposer un fichier, le choisir dans vos dossiers, coller une capture avec Ctrl + V ou coller l'URL d'une image en ligne. Les photos prises avec un téléphone s'affichent dans le bon sens, car l'orientation EXIF est appliquée au décodage au lieu d'être ignorée.

Oui, de deux façons. Chaque clic pose un repère, sans limite de nombre : vous pouvez parcourir l'image en collectant des couleurs, renommer chacune, les réorganiser et exporter l'ensemble en une fois. Par ailleurs, l'onglet Palette de l'image décrit l'image entière d'un coup : elle est réduite à 160 pixels sur son plus grand côté, découpée par coupe médiane (median cut), puis affinée par k-moyennes pondérées en CIE LAB, pour que les groupes correspondent à la façon dont on perçoit réellement les couleurs. Chacune des huit pastilles indique la part de l'image qu'elle occupe.

Oui. Touchez pour prélever, faites glisser un doigt pour déplacer l'image et pincez à deux doigts pour zoomer. Le sélecteur de fichiers propose généralement l'appareil photo : vous pouvez photographier un objet et en prélever la couleur dans la foulée. Seul le survol disparaît sur écran tactile : aucun curseur ne vous précède, donc chaque appui prélève immédiatement. Sur un petit détail, zoomez d'abord en pinçant, puis touchez : c'est l'équivalent des touches fléchées sur ordinateur.

Oui, dans Chrome, Edge et les autres navigateurs Chromium. Le bouton « Prélever à l'écran » utilise l'API EyeDropper native du navigateur, qui peut échantillonner n'importe quel pixel de votre écran, y compris dans une autre fenêtre, une image de vidéo ou un PDF. Firefox et Safari n'ont pas implémenté cette API : le bouton n'y apparaît pas. Sur ces navigateurs, faites une capture d'écran et collez-la avec Ctrl + V. Prélever sur une capture PNG renvoie en général la même valeur que l'écran.

Neuf notations, en direct, pour chaque couleur prélevée : HEX, RVB (RGB), HSL, HSV, CMJN (CMYK), LAB, LCH, OKLCH et le nom de couleur CSS le plus proche. Ce nom est calculé avec la formule CIEDE2000 plutôt qu'avec une simple distance RGB : il correspond donc à la couleur qui paraît vraiment la plus proche. HEX et RVB sont ceux que vous collerez le plus souvent ; HSL et HSV sont plus parlants pour obtenir la même couleur un peu plus claire ; OKLCH est perceptuellement uniforme, c'est pourquoi les échelles et les harmonies sont calculées dans cet espace plutôt qu'en HSL. Le sélecteur de couleur du site décompose une couleur en 34 codes, dont HWB, CIELUV, OKLab, CIE XYZ et le sRGB linéaire.

La lecture elle-même est exacte : l'outil renvoie les valeurs d'octets de l'image décodée, sans interpolation ni arrondi. La précision se perd dans l'image. Dans un JPEG enregistré en qualité 95, un pixel situé dans un aplat s'écarte de 0,37 delta-E de l'original (le delta-E mesure l'écart de couleur visible ; en dessous de 1, il est invisible). Un pixel posé sur un bord s'écarte déjà de 6,91, et la couleur ne redevient exacte qu'à environ 3 pixels d'un bord franc. Le lissage fait des dégâts comparables sans compression : le contour d'un cercle de test a produit 77 couleurs qui n'existent ni dans la forme ni dans le fond. Mesuré le 25 août 2026 sous Chromium 151.0.7922.34.

Oui. Chaque valeur se copie d'un clic, et l'onglet Exporter prend tout un ensemble d'un coup : vos repères, la palette extraite de l'image, les harmonies ou une échelle complète de 50 à 950. Six formats sont proposés : propriétés personnalisées CSS, bloc @theme Tailwind v4, variables SCSS avec une map, JSON, simple liste de codes hexadécimaux et nuancier SVG légendé. Chacun se copie dans le presse-papiers ou se télécharge. Il n'y a ni export PNG ni nuancier Adobe ; le nuancier SVG est ce qui se rapproche le plus d'une image de palette à partager.

Non. Ce site n'a aucun point de réception de fichiers : votre navigateur ouvre le fichier et l'outil lit les pixels sur un canvas du même onglet. Il n'y a ni compte ni outil de mesure d'audience. Pour le vérifier, ouvrez l'onglet Réseau de votre navigateur et prélevez quelques couleurs : aucune requête n'apparaît. Le test de bout en bout du projet fait la même chose et échoue si une requête quitte la page. Seule exception : coller l'URL d'une image, car votre navigateur va alors chercher cette adresse chez son hébergeur.

Vous en utilisez une. Cette pipette est gratuite, sans inscription, sans filigrane, sans quota quotidien et sans version payante qui bloquerait des fonctions : toutes les notations, l'extraction de palette et les six formats d'export sont ouverts à tous. C'est possible parce que tout se passe sur votre appareil : aucun coût serveur par image à rentabiliser. Utilisez-la depuis un ordinateur, une tablette ou un téléphone, dans n'importe quel navigateur récent, sans rien installer. Ajoutez la page à vos favoris pour l'avoir sous la main ; le lien de la barre d'adresse conserve aussi la dernière couleur prélevée.

Celle qui répond à la question que vous vous posez vraiment, et quatre points suffisent à trancher. Envoie-t-elle votre fichier à un serveur, ou le lit-elle dans votre navigateur ? Vous donne-t-elle plus qu'un code hexadécimal, comme une palette, un contrôle de contraste ou une échelle de nuances ? Pouvez-vous élargir la zone d'échantillonnage, ce qui rend une photo bruitée exploitable ? Et pouvez-vous exporter le résultat dans un format que vos outils acceptent ? Celle-ci coche les quatre cases. Ses limites : la pipette d'écran ne fonctionne que dans les navigateurs Chromium, et il n'y a ni nuancier Adobe ni export PNG.

Faites la capture, revenez sur cette page et appuyez sur Ctrl + V (Cmd + V sur Mac) : l'image se charge aussitôt. Cliquez sur le pixel voulu et copiez son code HEX. Les captures d'écran sont en général enregistrées en PNG, sans compression, donc le code correspond normalement à ce que montrait votre écran.

Chargez l'image et ouvrez l'onglet « Palette de l'image » : l'outil regroupe l'image en ses huit couleurs principales et indique la part de l'image qu'occupe chacune. Copiez n'importe quelle pastille, ou exportez toute la palette en variables CSS, thème Tailwind, SCSS, JSON, liste HEX ou planche SVG.

Oui. Chaque couleur prélevée affiche le nom CSS le plus proche, par exemple « slateblue » ou « tomato », choisi selon la ressemblance visuelle et non selon l'écart entre valeurs RGB, ainsi qu'une courte description en mots. Le nom est la correspondance la plus proche ; le code HEX est la valeur exacte.

Pas directement. Le sélecteur de couleur de Google, qui s'affiche pour des recherches comme « sélecteur de couleur », permet de choisir une couleur dans un spectre, mais il ne peut pas lire un pixel de votre image. Pour obtenir le code exact d'une photo ou d'une capture, ouvrez-la dans une pipette couleur en ligne et cliquez sur le pixel.

Non. Cette pipette fonctionne dans tout navigateur récent, sur ordinateur ou sur téléphone, sans rien installer. Pour prélever une couleur n'importe où à l'écran, utilisez le bouton « Prélever à l'écran », qui fonctionne dans Chrome et Edge. Dans les autres navigateurs, faites une capture d'écran et collez-la ici.