Choisir des couleurs dans une image
Pipette de couleur pour image
La Pipette de couleur pour image renvoie le code couleur exact de tout pixel cliqué dans une image. Une loupe montre les pixels sous le pointeur, et chaque couleur choisie est fournie avec ses valeurs HEX, RGB, HSL, HSB, OKLCH, Lab et CMYK.
- Gratuit, sans inscription
- Les images restent sur votre appareil
- Couleurs exactes au pixel
Déposez une image pour choisir des couleurs
ou collez avec Ctrl+V. JPG, PNG, WebP, GIF, AVIF, SVG. Jusqu'à 20 images.
Comment choisir une couleur dans une image ?
Vous choisissez une couleur dans une image en ouvrant l'image dans la pipette et en cliquant sur le pixel voulu.
Ouvrez une image
Déposez, collez ou choisissez un fichier JPG, PNG, WebP, GIF, AVIF ou SVG. L'image reste sur votre appareil.
Visez avec la loupe
Déplacez le pointeur sur l'image. La loupe agrandit la zone de 11 sur 11 pixels autour du pointeur et entoure le pixel situé sous le pointeur.
Cliquez pour choisir
Cliquez ou touchez pour ajouter la couleur du pixel à vos couleurs choisies. Faites glisser un repère pour le déplacer, ou décalez-le avec les touches fléchées.
Copiez le code
Copiez n'importe quel code en un clic, ou exportez toutes les couleurs choisies vers CSS, Tailwind, Adobe, Procreate et d'autres formats.
Quelle est la précision de la couleur choisie ?
Chaque choix renvoie la valeur d'un pixel réel. La pipette lit l'image jusqu'à 2048 pixels sur son côté le plus long, sans lissage, donc aucune moyenne n'altère la valeur.
Des pixels voisins d'une photo diffèrent souvent, car l'éclairage, la texture et la compression JPEG ajoutent de petites variations. Pour la couleur d'une zone entière, utilisez l'Extracteur de palette de couleurs avec le réglage Moyenne.
Quels codes couleur la pipette affiche-t-elle ?
La pipette affiche sept codes pour chaque couleur choisie, chacun avec un bouton de copie.
- HEX
- Code à six chiffres pour le CSS et les applications de design
- RGB
- Canaux rouge, vert et bleu de 0 à 255
- HSL
- Teinte, saturation et luminosité pour le CSS
- HSB
- Teinte, saturation et brillance pour les sélecteurs de couleur des applications
- OKLCH
- Luminosité perceptuelle, chroma et teinte pour le CSS moderne
- CIE Lab
- Luminosité et deux axes de couleur, en CSS
lab() - CMYK
- Estimation pour l'impression sans profil d'imprimante
- Contraste
- Rapport WCAG 2 sur blanc et sur noir
Quand utiliser la pipette plutôt que l'extracteur de palette ?
| Tâche | Outil |
|---|---|
| Trouver le code d'un point précis, comme un bouton ou un détail | Pipette de couleur pour image |
| Obtenir les couleurs principales d'une image entière | Extracteur de palette de couleurs |
| Obtenir les couleurs exactes d'un logo sans mélanges de contour | Extracteur de couleurs de logo |
| Obtenir les couleurs d'un site web à partir de son code | Extracteur de couleurs de site web |
À quoi sert une pipette de couleur pour image ?
Correspondance des couleurs
Retrouvez la couleur d'une peinture, d'un tissu ou d'un produit à partir d'une photo pour une mise en page imprimée ou web.
Design web
Copiez la couleur exacte d'un bouton ou d'un fond à partir d'une capture d'écran de maquette.
Identité de marque
Prélevez une couleur de marque sur une photo d'emballage ou de signalétique comme point de départ.
Contrôles d'accessibilité
Lisez le contraste d'une couleur de texte choisie sur blanc et sur noir dans l'onglet Codes couleur.
FAQ de la pipette de couleur pour image
Comment obtenir le code HEX d'une couleur dans une image ?
Ouvrez l'image dans la Pipette de couleur pour image et cliquez sur la couleur. Le code HEX s'affiche immédiatement, avec un bouton de copie à côté.
Puis-je choisir des couleurs sur un téléphone ?
Oui. Touchez l'image pour choisir un pixel, puis faites glisser son repère pour affiner la position.
Pourquoi un même objet affiche-t-il des codes HEX différents ?
L'éclairage, les ombres et la compression donnent des valeurs différentes aux pixels voisins. Choisissez la zone la plus uniforme de l'objet, ou calculez la moyenne de la zone avec l'extracteur de palette.
Puis-je choisir des couleurs dans une capture d'écran ?
Oui. Faites une capture d'écran et collez-la dans la page avec Ctrl+V ou Command+V.
Le nombre de choix est-il limité ?
Non. Choisissez autant de couleurs que nécessaire. Les exports Procreate contiennent les 30 premières couleurs, et les formats de code les contiennent toutes.