Extrayez la couleur exacte de n'importe quel pixel d'une image chargée.
Glissez-déposez une image ici, ou cliquez pour parcourir
Supports PNG, JPG, WEBPExtrayez la couleur exacte de n'importe quel pixel d'une image chargée. Utilisez-le au travail, en développement, en apprentissage ou pour une vérification rapide.
Cet outil fonctionne dans le navigateur. Avant d'utiliser des données sensibles, assurez-vous que votre appareil et votre navigateur sont fiables.
Pour concevoir un site, une présentation ou un visuel pour les réseaux, on a souvent besoin de la couleur exacte d’un logo, d’une photo produit ou d’une image de référence. Deviner le code à l’œil est peu fiable, et coller une capture dans un logiciel de design est fastidieux. Avec cet outil, vous importez une image, cliquez où vous voulez et obtenez aussitôt les valeurs HEX, RGB et HSL du pixel, prêtes à copier dans votre CSS, Figma ou Canva.
Au survol de l’image, une loupe ronde agrandit les 9×9 pixels autour du curseur et encadre en rouge le pixel sélectionné. Dans une photo, contours et dégradés font fortement varier les pixels voisins : la loupe aide à éviter les teintes ternes dues à l’anticrénelage ou au bruit et à viser exactement la nuance voulue. Chaque couleur prélevée rejoint l’historique pour comparer et composer une palette.
Une fois les couleurs choisies, le vérificateur de contraste WCAG 2.1 vous permet de définir une couleur de premier plan (texte) et d’arrière-plan, calcule le rapport de contraste et indique s’il est conforme. Le texte normal exige 4,5:1 pour AA et 7:1 pour AAA ; le grand texte (18 pt et plus, ou 14 pt gras) descend à 3:1 et 4,5:1. Vérifier le contraste en dérivant boutons et titres de la couleur de marque évite les soucis pour les seniors, les malvoyants et la lecture en plein soleil.
Notez que la valeur prélevée est celle enregistrée dans le fichier. Les photos dépendent de l’éclairage, de la balance des blancs et de la compression : un même produit peut donner des codes différents d’une photo à l’autre. Pour les couleurs officielles, référez-vous à la charte graphique. L’image est lue avec Canvas dans votre navigateur et n’est jamais envoyée.
Un clic sur un pixel affiche simultanément HEX, RGB et HSL, chacun copiable en un clic.
Le bruit, les dégradés et l’anticrénelage des contours font varier les pixels voisins. Visez avec la loupe une zone de couleur uniforme.
Texte normal : 4,5:1 pour AA et 7:1 pour AAA. Grand texte (18 pt et plus ou 14 pt gras) : 3:1 pour AA et 4,5:1 pour AAA.
Non. Les pixels sont lus uniquement dans votre navigateur et l’image n’est jamais envoyée à un serveur.
Voir cette catégorie: Design & Couleurs
Ajustez et prévisualisez visuellement les dispositions CSS Flexbox et Grid avec animations et copie de code en temps réel.
Générez des combinaisons de couleurs harmonieuses et exportez les valeurs HEX/RGB.
Nettoyez et compressez le code SVG localement avec comparaison de taille.
Créez des dégradés linéaires et radiaux avec aperçu direct et copie CSS.
