Pipette à couleurs en ligne — obtenir la couleur d'une image
ou glissez une image ici, ou collez-la depuis le presse-papiers (Ctrl+V)
Taille max. : 50 Mo. Pris en charge : JPG, PNG, WEBP, GIF, BMP, AVIF, SVG, ICO.
Questions fréquentes
À quoi sert une pipette à couleurs ?
Il y a quatre usages principaux. Design web et intégration : reprendre le code exact d’une couleur de marque depuis une maquette ou une référence plutôt que de l’estimer à l’œil. Correspondance d’une couleur de marque : vérifier si la couleur d’un site correspond à celle de la charte graphique ou du logo. Travail sur des photos : trouver la teinte dominante pour choisir un arrière-plan ou des éléments assortis. Vérification de contraste : comparer les codes du texte et du fond avant un contrôle d’accessibilité.
Les images importées restent-elles sur le serveur ?
Un fichier importé et une capture collée ne quittent jamais l’appareil : le traitement se fait dans le navigateur. Une image chargée par URL ne fait que transiter par le serveur, pour que le navigateur puisse la charger, et n’est pas conservée.
Pourquoi la couleur à l’écran diffère-t-elle parfois de la réalité ?
Les écrans calibrent le rendu des couleurs différemment, et certaines images sont enregistrées avec une compression qui déforme légèrement les teintes. La pipette lit la couleur directement dans le fichier, elle affiche donc la même valeur que celle « vue » par le navigateur, pas la couleur absolument objective de l’objet sur la photo.
Peut-on obtenir la couleur d’une capture d’écran ?
Oui, une capture se colle de la même façon qu’une image ordinaire : depuis le presse-papiers. Pratique pour reprendre la couleur de n’importe quel élément d’interface sans enregistrer de fichier sur le disque.
Que faire s’il faut la couleur d’une zone plutôt que d’un seul pixel ?
L’outil lit exactement la couleur du pixel cliqué. Pour une couleur moyenne d’une zone, mieux vaut choisir plusieurs points à l’intérieur et comparer les valeurs obtenues : elles sont généralement proches si la zone est de couleur uniforme.
La pipette fonctionne-t-elle avec des images en lien direct depuis internet ?
Oui, la troisième méthode consiste à coller l’URL de l’image. L’image est chargée pour lire la couleur et n’est pas conservée sur le serveur après le traitement.
Importez un fichier, collez une capture d’écran ou indiquez un lien vers une image : l’outil lit la couleur exacte de n’importe quel pixel et la donne en HEX, RGB et HSL avec un bouton de copie. Le fichier n’est pas recompressé : la couleur vient de l’original, pixel par pixel, directement dans le navigateur.
Comment obtenir la couleur d’une photo
- Importez une image. Trois méthodes sont possibles : charger un fichier depuis l’appareil, coller une capture depuis le presse-papiers, ou indiquer un lien direct vers l’image.
- Zoomez sur la zone voulue. La loupe agrandit l’image jusqu’au pixel près – utile quand il faut la couleur d’un petit détail, et non la teinte moyenne d’une zone.
- Cliquez et copiez le code. Un clic sur un pixel donne la couleur dans trois formats à la fois – HEX, RGB et HSL – chacun avec son bouton de copie. Les dix dernières couleurs choisies restent dans une bande d’historique, pour ne pas perdre une sélection précédente en passant à la suivante.
HEX, RGB et HSL : quel format pour quoi
Les trois formats décrivent la même couleur, mais s’utilisent dans des contextes différents.
| Format | Exemple | Où il est utilisé |
|---|---|---|
| HEX | #3A7BD5 | CSS, intégration de sites, logiciels graphiques |
| RGB | rgb(58, 123, 213) | CSS, programmation, travail avec des calques de transparence |
| HSL | hsl(214, 64%, 53%) | Choisir des nuances d’une même teinte : plus simple de régler luminosité et saturation séparément |
Que faire ensuite de la couleur obtenue
S’il faut non seulement obtenir la couleur mais aussi lui trouver une association ou la convertir vers un autre format – CMJN, RAL, Pantone –, utilisez le convertisseur de couleurs. Le code HEX obtenu peut être collé directement dans l’intégration de la page, et avant de publier un texte fini, le compteur de densité de mots ou le nettoyeur de texte sont utiles.