IT Image Tools

Pipette de couleur sur image — HEX, RGB, HSL, CMYK

Prélevez les couleurs de n'importe quelle image avec une loupe à pixels. Codes HEX, RGB, HSL et CMYK instantanés. Gratuit, privé, dans le navigateur.

🔒 S'exécute entièrement dans votre navigateur — rien n'est envoyé

Drop an image here, paste it, or click to browse

Hover over the image to preview a color, click to pick it.

Picked colors

Publicité

Trouvez la couleur exacte de n'importe quel pixel

Les designers, développeurs et créatifs ont souvent besoin du code couleur précis de quelque chose qu'ils voient dans une image : la couleur de marque d'un logo, l'arrière-plan d'une capture d'écran, une teinte d'une photo produit ou le ton d'un tableau. Ce sélecteur de couleur d'image vous permet d'ouvrir n'importe quelle image et de cliquer sur un pixel pour lire sa couleur. Une loupe circulaire agrandit la zone sous votre curseur afin de viser le pixel exact, même sur des lignes fines, du petit texte ou des bords lissés. Chaque couleur choisie est copiée dans le presse-papiers sous forme de code HEX et ajoutée à un historique pour plus tard. L'image ne quitte jamais votre appareil, car toute la lecture se fait sur un canvas local.

HEX, RVB, TSL et CMJN expliqués

Le sélecteur affiche chaque couleur sous quatre notations. HEX, par exemple #1E90FF, est la forme compacte utilisée en CSS, HTML et dans la plupart des outils de design. RGB indique les canaux rouge, vert et bleu de 0 à 255 et s'avère pratique pour le code et les éditeurs d'images. HSL décrit la teinte, la saturation et la luminosité, ce qui facilite la création de variantes plus claires ou plus sombres d'une même couleur. CMYK donne un mélange approximatif de cyan, magenta, jaune et noir pour l'impression ; pour une correspondance exacte à l'impression, vérifiez la valeur avec le profil colorimétrique de votre imprimante. Cliquez sur une valeur pour la copier dans ce format.

Conseils pour des relevés précis

Les photos et les images JPEG contiennent du bruit, donc les pixels voisins peuvent différer de quelques valeurs. Activez Average 5×5 pixels pour échantillonner une petite zone et obtenir la couleur que votre œil perçoit réellement. Utilisez des captures PNG pour reproduire les couleurs d'une interface, car elles sont sans perte. Dans Chrome et Edge, le bouton Pick from screen peut prélever des couleurs n'importe où sur votre écran, y compris dans d'autres fenêtres. Pour extraire d'un coup les couleurs principales d'une image entière, utilisez l'extracteur de palette, et vérifiez la lisibilité du texte avec un vérificateur de contraste avant d'utiliser vos couleurs dans un design.

Comment utiliser

  1. Ajoutez une imageDéposez, collez ou sélectionnez une photo, une capture d'écran ou un logo.
  2. Survolez et cliquezDéplacez la souris sur l'image avec la loupe et cliquez sur le pixel exact voulu.
  3. Copiez le codeLe code HEX est copié automatiquement ; cliquez sur RGB, HSL ou CMYK pour les copier aussi.

Questions fréquemment posées

Mon image est-elle envoyée sur un serveur ?
Non. L'image est dessinée sur un canvas dans votre navigateur et les couleurs sont lues localement. Rien n'est envoyé à un serveur.
Quels formats de couleur obtient-on ?
Chaque relevé affiche HEX, RGB, HSL et CMYK. Cliquez sur une valeur pour la copier ; un clic sur l'image copie automatiquement le code HEX.
Puis-je prélever une couleur en dehors de l'image ?
Oui, dans Chrome et Edge. Le bouton Pick from screen ouvre la pipette du navigateur pour échantillonner n'importe quel pixel de votre écran.
Pourquoi la couleur diffère-t-elle légèrement de mon application de design ?
Les navigateurs convertissent les images vers le profil d'affichage sRGB et la compression JPEG ajoute du bruit. Activez Average 5×5 pixels pour obtenir une couleur plus représentative sur les photos bruitées.
Publicité