Sélecteur de couleur d'image en ligne

Extrayez les codes couleur (HEX, RGB, HSL) de n'importe quelle image en cliquant sur ses pixels. Copiez les valeurs instantanément et sans aucun upload.

Télécharger une image

JPG, PNG, WebP, GIF, SVG — Prélevez la couleur de n'importe quel pixel

Déposez une image ici ou utilisez le bouton.

Palette de couleurs

Extrayez des codes couleur précis au format HEX, RGB et HSL à partir de n'importe quelle image

Qu'il s'agisse de reproduire la palette chromatique d'une charte graphique issue d'un moodboard client, de prélever une nuance d'accentuation sur une photographie pour la conception de votre site web, ou de récupérer des codes couleur pour une illustration numérique, deviner des teintes exactes à l'œil nu relève de l'impossible. Notre sélecteur de couleur d'image en ligne vous permet d'importer n'importe quel fichier et de cliquer directement sur ses pixels pour révéler instantanément leurs définitions numériques exactes.

Grâce à une inspection locale des pixels via l'API HTML5 Canvas, vos fichiers sont traités entièrement dans la mémoire de votre appareil. Aucun fichier n'est envoyé sur un serveur distant, ce qui garantit une confidentialité totale pour vos visuels professionnels et vos maquettes clients pendant que vous échantillonnez les teintes.

Comprendre les formats de couleur : HEX, RGB et HSL

Dès que vous cliquez sur un pixel de votre image, l'outil génère instantanément trois formats standard de couleur dans le panneau latéral :

  • Code HEX (Hexadécimal) : Le code universel à 6 caractères précédé d'un dièse (ex. #2451FF), très largement utilisé dans les feuilles de style CSS, le design HTML et le développement web.
  • Valeur RGB (Rouge, Vert, Bleu) : Exprime les couleurs sur une échelle de 0 à 255 (ex. 36, 81, 255), idéale pour les écrans numériques, les logiciels de retouche graphique et les interfaces utilisateur UI.
  • Valeur HSL (Teinte, Saturation, Luminosité) : Représente la couleur à l'aide de coordonnées cylindriques (ex. 227°, 100%, 57%), ce qui s'avère très intuitif pour les créatifs ajustant des nuances, des teintes et des tons.

Comment utiliser le sélecteur de couleur d'image

  1. Téléchargez votre image : Cliquez sur Télécharger une image ou glissez-déposez n'importe quel fichier au format JPG, PNG, WebP, GIF ou SVG dans la fenêtre du navigateur.
  2. Cliquez ou touchez pour prélever un pixel : Déplacez votre curseur sur l'aperçu de l'image. Un pointeur en forme de croix s'affiche ; un simple clic ou appui sur un point précis place immédiatement un repère cerclé de blanc sur le pixel exact analysé.
  3. Copiez vos valeurs colorimétriques : Visualisez la couleur sélectionnée dans le grand échantillon visuel, puis cliquez sur le bouton Copier situé à côté du code HEX, RGB ou HSL pour l'envoyer directement dans le presse-papiers de votre système.
  4. Retrouvez votre historique récent : Chaque nuance unique que vous prélevez est automatiquement mémorisée dans la palette Couleurs récentes du panneau latéral. Vous pouvez cliquer sur n'importe quel swatch récent à tout moment pour la réactiver.
  5. Consultez les propriétés du fichier : Dépliez l'accordéon Infos fichier pour vérifier le nom d'origine de l'image, ses dimensions en pixels, son poids et son format.

Associez vos palettes de couleurs avec les autres outils de design

Une fois vos codes couleur extraits, vous pouvez les exploiter à travers l'ensemble de vos projets web et visuels en utilisant nos autres utilitaires en ligne :

  • Créer des visuels de marque assortis : Réutilisez vos codes HEX prélevés comme couleur de fond dans notre créateur de collage photo ou lors de la conception de bannières pour réseaux sociaux.
  • Superposer du texte contrasté : Si vous avez sélectionné une nuance de fond sombre, choisissez un code HEX blanc ou contrasté et ajoutez de la typographie sur vos photos grâce à l'outil pour ajouter du texte sur une image.
  • Recadrer ou redimensionner vos supports : Supprimez les bords superflus autour de vos images de référence avec l'outil de recadrage d'image ou ajustez leur taille via l'outil pour redimensionner une image.
  • Optimiser vos graphismes pour le web : Compressez vos éléments d'interface et maquettes de design pour garantir un affichage rapide des pages grâce à notre compresseur PNG ou notre compresseur JPG.

Questions fréquentes

Mes images de référence sont-elles téléversées sur un serveur ?

Non. L'ensemble de l'échantillonnage de couleur et de l'analyse des pixels s'effectue localement dans votre navigateur à l'aide de l'API HTML5 Canvas 2D getImageData. Vos images privées ne quittent jamais votre ordinateur ou votre téléphone.

Puis-je prélever des couleurs sur des images PNG ou WebP transparentes ?

Oui. Si vous cliquez sur une zone transparente d'un fichier PNG ou WebP, le damier d'arrière-plan du canevas apparaîtra, et l'outil échantillonnera fidèlement le canal transparent ou la couleur de fond correspondante.

Combien de couleurs récentes le panneau latéral peut-il mémoriser ?

La palette Couleurs récentes enregistre automatiquement jusqu'à vos 8 dernières sélections de couleurs uniques sous forme d'une ligne d'échantillons pratiques. Un clic sur l'un d'eux recharge instantanément ses valeurs HEX, RGB et HSL.

Pourquoi le bouton de copie ne fonctionne-t-il pas sur certains anciens navigateurs mobiles ?

L'outil utilise l'API Clipboard moderne combinée à un mécanisme de secours robuste (via des éléments textarea temporaires et la commande document.execCommand) afin de garantir la copie réussie des codes couleur sur la quasi-totalité des appareils de bureau et mobiles.