Aller au contenu
SPCXTools

Sélecteur de couleur d'image

Cliquez n'importe où sur une image pour obtenir ses codes couleur exacts (HEX, RGB et HSL) — ainsi que sa palette de couleurs principales.

Fonctionne en local — vos fichiers ne quittent pas votre appareil

Chargement de l’outil…

Comment utiliser : Sélecteur de couleur d'image

  1. 1Choisissez une image, glissez-la sur la page ou collez une capture d'écran avec Ctrl+V (⌘+V sur Mac).
  2. 2Survolez l'image avec le pointeur. La loupe affiche le pixel exact sous le curseur.
  3. 3Cliquez pour sélectionner une couleur. Ses codes HEX, RGB et HSL s'affichent à droite — cliquez sur Copier pour en utiliser un.
  4. 4Utilisez la palette Couleurs principales pour extraire les couleurs dominantes de l'image, et Couleurs sélectionnées pour retrouver vos sélections précédentes.

Extraire la couleur exacte de n'importe quelle image

Vous avez repéré une couleur qui vous plaît sur une photo, une capture d'écran, un logo ou une maquette, et vous avez besoin de son code. Ce sélecteur de couleurs fonctionne comme une pipette pour n'importe quelle image : ouvrez l'image, cliquez sur un pixel et obtenez la couleur en HEX, RGB et HSL, prête à être collée dans CSS, Figma, Photoshop, Canva ou PowerPoint. Une loupe affiche les pixels sous le curseur pour vous permettre de viser juste, et une palette des couleurs principales de l'image est générée automatiquement.

Fonctionnalités

  • Pipette pour tout format d'image lisible par votre navigateur — JPG, PNG, WebP, GIF, SVG, AVIF et HEIC.
  • Loupe qui agrandit la zone sous le curseur pixel par pixel.
  • Codes HEX, RGB et HSL avec boutons de copie en un clic.
  • Palette de couleurs principales extraite de l'ensemble de l'image.
  • Historique jusqu'à 16 couleurs sélectionnées pour comparer et revenir en arrière.
  • Coller des captures d'écran directement depuis le presse-papiers.
  • Privé : l'image ne quitte jamais votre appareil.

Quel format de couleur utiliser ?

Format Exemple Utilisation
HEX #1E90FF CSS, HTML, Figma, Canva, la plupart des outils de design
RGB rgb(30, 144, 255) CSS, Photoshop, suite Office, programmation
HSL hsl(210, 100%, 56%) CSS, pour ajuster la luminosité ou la saturation

Pour convertir la couleur sélectionnée vers d'autres formats comme le CMJN ou le HSV, ou pour vérifier son contraste avec du texte blanc ou noir, ouvrez-la dans le Convertisseur de couleurs.

Idées d'utilisation

Respecter les couleurs d'une marque : extrayez le bleu exact du logo d'une entreprise ou d'une capture d'écran pour garder une présentation cohérente.

Créer une palette de couleurs : utilisez les couleurs dominantes d'une photo comme point de départ pour un site web, une affiche ou un thème de présentation.

Développement web : récupérez les couleurs d'une maquette fournie sous forme d'image plutôt que de fichier source.

Art numérique et loisirs créatifs : trouvez les codes couleurs sur une photo de référence pour des applications de dessin, des modèles de broderie ou de tricot.

Obtenir des résultats précis

Utilisez la version la plus grande et la moins compressée de votre image : les captures d'écran PNG conservent des couleurs exactes, tandis que les photos JPG peuvent les altérer légèrement sur les contours. Zoomez avec la loupe et évitez les bords anticrénelés, où les pixels mélangent deux couleurs. Si vous n'avez besoin que d'une partie d'une grande image, commencez par Recadrer une image pour faciliter votre travail.

Questions fréquentes

Comment trouver le code HEX d'une couleur dans une image ?
Ouvrez l'image dans cet outil et cliquez sur la zone qui vous intéresse. Le code HEX (comme
Puis-je récupérer une couleur depuis une capture d'écran ?
Oui. Prenez une capture d'écran comme d'habitude, puis appuyez sur Ctrl+V (ou ⌘+V sur Mac) sur cette page pour la coller directement — pas besoin de l'enregistrer d'abord sous forme de fichier.
Comment les couleurs principales sont-elles calculées ?
L'outil analyse une copie réduite de l'image, regroupe les couleurs similaires et liste les plus fréquentes. Il ignore les couleurs presque identiques afin que la palette affiche des nuances bien distinctes.
Pourquoi la couleur prélevée est-elle légèrement différente du design original ?
Les images enregistrées en JPG sont compressées, ce qui altère légèrement les couleurs, surtout près des contours. Les captures d'écran peuvent aussi être affectées par le profil colorimétrique de l'écran. Pour obtenir les couleurs exactes d'une marque, prélevez-les depuis un PNG ou consultez le fichier source du design.
Mon image est-elle envoyée sur un serveur ?
Non. L'image est ouverte et traitée entièrement dans votre navigateur. Rien n'est envoyé sur un serveur, vous pouvez donc l'utiliser en toute sécurité avec des captures d'écran privées ou des designs confidentiels.
Est-ce que ça fonctionne sur mobile ?
Oui. Touchez l'image pour prélever une couleur. La loupe suit votre doigt tant que vous touchez l'écran.