Pipette de couleur sur une image : HEX, RGB, HSL et Lab

Mode d'emploi

Cliquez sur Choisir un fichier ou déposez une image dans la zone. Vous pouvez aussi la coller avec Ctrl+V.
Déplacez le pointeur sur la partie de l'image voulue. La loupe montre les pixels autour, et la zone Couleur sous le pointeur donne la couleur en quatre notations.
Réglez la Taille de l'échantillon sur 3 × 3 ou 5 × 5 pour lire la moyenne d'une petite zone plutôt qu'un seul pixel.
Cliquez sur l'image pour ajouter la couleur à Couleurs retenues, puis cliquez sur HEX, RGB, HSL ou Lab pour la copier.

Un pixel ou une moyenne

Une photographie comporte du bruit : deux pixels voisins peuvent différer un peu, même sur une surface unie, si bien qu'un seul pixel peut être légèrement décalé. L'outil peut faire la moyenne d'un carré de 3 × 3 ou de 5 × 5 autour du pointeur. Sur une zone d'une seule couleur, la moyenne donne une valeur plus stable qu'un pixel isolé.

Les quatre notations

HEX et RGB sont les notations usuelles des logiciels du web et de la création graphique. HSL décrit une couleur par sa teinte, sa saturation et sa luminosité, utile pour obtenir une nuance plus claire ou plus foncée. Lab (CIE L*a*b*, avec le point blanc D65 qu'utilise sRGB) suit la perception de l'œil : des écarts égaux en Lab paraissent à peu près égaux, ce qui sert à comparer deux couleurs. La fonction lab() du CSS utilise en revanche le point blanc D50 : ses chiffres diffèrent donc de ceux-ci.

Votre image reste sur votre appareil

L'image est ouverte et lue dans votre navigateur. Rien n'est envoyé, les couleurs que vous retenez ne sont pas conservées, et la liste est vidée lorsque vous quittez la page.

Exemple : du rouge pur

Le rouge pur, #FF0000, se lit rgb(255, 0, 0), hsl(0, 100%, 50%) et L*a*b* 53,2 ; 80,1 ; 67,2 (D65). Pour lire le rouge d'un logo, réglez la Taille de l'échantillon sur 5 × 5 pixels, afin qu'un seul pixel bruité ne décide pas de la couleur.

Questions fréquentes

Mon image est-elle envoyée lorsque je lis ses couleurs ?

Non. L'image est ouverte et lue dans votre navigateur, sur votre propre appareil. Rien n'est envoyé à un serveur, et les couleurs que vous gardez ne sont pas enregistrées : elles sont effacées lorsque vous quittez la page.

La couleur affichée est-elle la même que celle de mon écran ?

Pas toujours. La lecture donne la valeur stockée dans les pixels de l'image. Votre écran, son étalonnage et le profil colorimétrique de l'image peuvent modifier l'aspect de la couleur ; les chiffres sont donc les valeurs de l'image, et non une mesure de l'écran.

Quelle est la différence entre HEX et RGB ?

Ce sont deux façons d'écrire les mêmes trois valeurs. Le HEX écrit chaque valeur de 0 à 255 en base 16 : rgb(255, 128, 0) devient donc #FF8000, tandis que le RGB écrit les mêmes nombres en base 10. Les deux sont acceptés par les logiciels du web et de la création graphique.

Pourquoi l'outil affiche-t-il une valeur Lab ?

Lab décrit une couleur comme la voit l'œil, avec une luminosité et deux axes de couleur. Il indique mieux que le HEX ou le RGB si deux couleurs sont proches, car deux couleurs proches peuvent avoir des nombres très différents en HEX ou en RGB.

Pourquoi une très grande image peut-elle donner une lecture un peu différente ?

Pour aller vite, les couleurs sont lues sur une copie d'au plus 2048 pixels sur son plus grand côté. La couleur d'une grande zone reste la même, mais un très petit pixel dans une photo immense peut être moyenné avec ses voisins.

Puis-je lire les couleurs d'un PNG transparent ?

Oui. La lecture donne la couleur stockée sous chaque pixel, et la transparence n'entre pas dans la lecture. Pour une zone transparente, la valeur affichée est la couleur stockée, et non la couleur que vous voyez sur la page derrière elle.

Sources

Chiffres et texte vérifiés pour la dernière fois le mardi 10 novembre 2026.