Pipette de couleur sur image – HEX, RGB et HSL d’une photo
Trouvez la couleur exacte de n’importe quel pixel d’une photo, d’un logo ou d’une capture. Cliquez pour obtenir HEX, RGB et HSL, zoomez avec la loupe et récupérez la palette principale de l’image.
Déposez une image, survolez-la pour prévisualiser les couleurs dans la loupe et cliquez pour choisir. Chaque couleur affiche HEX, RGB et HSL ; cliquez sur une valeur pour la copier. Les couleurs principales de toute l’image apparaissent sous forme de palette avec leur pourcentage.
Comment utiliser : Pipette de couleur sur image
- Déposez une image ou cliquez pour la choisir.
- Survolez l’image : la loupe montre les pixels sous le curseur.
- Cliquez pour choisir une couleur.
- Cliquez sur la valeur HEX, RGB ou HSL pour la copier.
- Utilisez la palette des couleurs principales comme gamme rapide.
Comment ça marche
L’image est dessinée dans un canvas de votre navigateur et l’outil lit la couleur du pixel pointé. La loupe agrandit dix fois une zone de 11 × 11 pixels pour viser les traits fins et les petits textes. Rien n’est envoyé, ce qui compte pour des créations non publiées ou des projets clients.
HEX, RGB et HSL
| Format | Exemple | Utilisé dans |
|---|---|---|
| HEX | #8B5CF6 | CSS, outils de design, chartes graphiques |
| RGB | rgb(139, 92, 246) | CSS, retouche photo, code |
| HSL | hsl(258, 90%, 66%) | CSS, déclinaisons claires et foncées |
Les trois décrivent la même couleur. Le HSL est pratique pour obtenir une version plus claire ou plus foncée : gardez la teinte et changez la luminosité. Passez d’un format à l’autre avec l’outil Convertir HEX en RGB.
Extraire une palette
En plus des pixels isolés, l’outil regroupe les couleurs proches de toute l’image et affiche jusqu’à huit couleurs principales avec leur part. C’est un moyen rapide d’accorder un site, une publication ou une présentation à une photo ou à un logo. Cliquez sur une pastille pour la copier, puis composez une gamme complète avec le Générateur de palette de couleurs.
Des couleurs plus justes
- Utilisez le fichier d’origine plutôt qu’une capture d’écran, qui peut légèrement modifier les couleurs.
- La compression JPG crée du bruit sur les bords ; choisissez le centre d’une zone unie.
- Une photo contient beaucoup de pixels légèrement différents ; la moyenne de la palette est souvent plus utile qu’un pixel isolé.
- Chaque écran affiche les couleurs à sa façon, mais la valeur HEX reste la même partout.
Usages courants
Les graphistes relèvent les couleurs d’un logo client, les développeurs reproduisent une maquette et les équipes marketing harmonisent leurs visuels. À partir du logo, créez aussi un favicon aux mêmes couleurs avec le Générateur de favicon.
Ces outils gratuits peuvent aussi vous être utiles : Convertir WebP en JPG, Redimensionner une image et Compresser une image.
Questions fréquentes
Comment récupérer le code couleur d’une image ?
Déposez l’image et cliquez à l’endroit voulu. Les codes HEX, RGB et HSL s’affichent, prêts à copier.
Mon image est-elle envoyée ?
Non. La pipette lit les pixels dans votre navigateur ; l’image ne quitte pas votre appareil.
Puis-je obtenir les couleurs principales d’une photo ?
Oui, la palette affiche jusqu’à huit couleurs principales avec leur pourcentage.
Pourquoi la couleur diffère-t-elle un peu ?
Les photos et la compression JPG mélangent des pixels voisins. Choisissez le centre d’une zone unie ou la moyenne de la palette.
Ça marche sur mobile ?
Oui, touchez l’image pour choisir une couleur ; la loupe montre les pixels sous votre doigt.
Dernière mise à jour: