Sélecteur de Couleur d'Image (Pipette)
Extrayez la couleur exacte de n'importe quel pixel de vos images. Un simple clic fournit les codes précis aux formats HEX, RGB et HSL. Idéal pour les créatifs et les développeurs.
Glissez-déposez une image ici ou cliquez pour parcourir
Prend en charge PNG, JPG, GIF, WebP, BMP
Pourquoi choisir Sélecteur de Couleur d'Image (Pipette)
Avec la pipette à image en ligne, chargez vos photographies et déterminez le code couleur précis de chaque pixel. Une loupe pixel intégrée vous aide à cibler précisément les plus petits détails. L'outil fonctionne localement dans votre navigateur (Client-side) ; vos fichiers ne sont jamais transmis à un serveur.
- ✓Extraction instantanée des valeurs HEX, RGB et HSL d'un simple clic
- ✓Loupe de précision ajustable (de 2x à 16x) pour viser juste au pixel près
- ✓Aperçu dynamique de la teinte avec contraste automatique pour le texte
- ✓Historique de session mémorisant les 10 dernières nuances sélectionnées
- ✓Copie rapide des codes couleurs pour vos fichiers HTML/CSS ou outils de design
- ✓Traitement 100 % local — aucune image n'est envoyée sur le réseau
Comment utiliser
- 1Glissez votre image dans la zone de dépôt ou sélectionnez un fichier via l'explorateur
- 2Survolez l'image pour afficher la grille de pixels agrandie sous le curseur
- 3Ajustez le zoom à l'aide du curseur si les détails sont trop petits
- 4Cliquez pour capturer et fixer la teinte cible
- 5Consultez les codes générés dans les champs de résultats
- 6Copiez le format de votre choix dans votre presse-papiers en un clic
- 7Utilisez le volet d'historique pour retrouver rapidement vos couleurs précédentes
Questions fréquentes (FAQ)
Comment le sélecteur récupère-t-il les couleurs de l'image ?
L'image est chargée sur un élément Canvas HTML5 invisible. Lors du clic, l'API getImageData() extrait directement les valeurs RGBA d'origine à partir de la matrice de pixels de l'image.
À quoi sert la loupe de zoom ?
La loupe affiche une grille agrandie autour de votre curseur afin que vous puissiez identifier le pixel exact recherché, même sur des images complexes ou bruitées. Le niveau de zoom varie de 2x à 16x.
Pourquoi afficher trois formats de couleur différents ?
Chaque environnement de développement utilise ses standards. Le format HEX est la référence en CSS et sur Photoshop. Le format RGB est utile pour paramétrer la transparence (rgba()). Le format HSL permet d'ajuster facilement la teinte, la saturation et la luminosité dans les feuilles de style.
Où est stocké l'historique des couleurs choisies ?
L'historique est sauvegardé de façon éphémère dans la mémoire de session du navigateur. Aucune donnée n'est envoyée sur un serveur ou écrite sur votre disque dur. L'historique s'efface à la fermeture de l'onglet.
La pipette fonctionne-t-elle avec des fichiers PNG transparents ?
Oui. L'outil gère la transparence (canal alpha). Si vous cliquez sur une zone transparente, la couleur du fond du canevas sera renvoyée ; pour les pixels semi-transparents, la couleur brute codée est lue.
Quels formats d'images sont acceptés par l'outil ?
Tous les formats supportés par votre navigateur web actuel, notamment PNG, JPG, JPEG, WebP, GIF (première image), BMP et SVG.
Références & sources autorisées
Canvas API - MDN Web Docs
Voir la sourceImageData - MDN Web Docs
Voir la sourceCSS Color Module Level 4 - W3C
Voir la sourceWCAG 2.1 Relative Luminance
Voir la sourceOutils associés
Découvrez d'autres outils pratiques pour ce domaine d'application.