🔬

extraire couleurs image

Cliquez n'importe où sur une image pour extraire la couleur exacte — obtenez instantanément les valeurs HEX, RGB et HSL. Survolez pour prévisualiser, cliquez pour enregistrer dans l'historique.

Outils d’image Fonctionne localement Aucune donnée envoyée
sélecteur de couleursHEXRGBHSLdesign
Aperçu de l'image
🔬
Déposez l'image ici
ou cliquez pour parcourir
JPG | PNG | WebP | GIF
#000000
Déplacez la souris pour prévisualiser la couleur · Cliquez pour sélectionner et enregistrer dans l'historique
Couleur actuelle
HEX —
RGB —
HSL —
Historique des couleurs (jusqu'à 12)
Aucune couleur sélectionnée pour le moment

Qu'est-ce que extraire couleurs image ?

extraire couleurs image vous permet de survoler n'importe quelle partie d'une image et de voir instantanément la couleur exacte de ce pixel. Cliquez pour verrouiller la couleur et la copier au format HEX, RGB ou HSL. Un panneau d'historique des couleurs stocke jusqu'à 12 couleurs sélectionnées pour une consultation facile — utile aux designers, développeurs et à toute personne devant faire correspondre des couleurs à partir de photos ou de captures d'écran.

Comment utiliser extraire couleurs image

  1. Importez n'importe quelle image en cliquant sur la zone de dépôt ou en faisant glisser un fichier dessus.
  2. Déplacez votre souris sur l'image pour voir un aperçu en direct de la couleur dans le badge flottant et le panneau latéral.
  3. Cliquez n'importe où sur l'image pour sélectionner cette couleur et l'enregistrer dans l'historique.
  4. Utilisez les boutons Copier pour copier les valeurs HEX, RGB ou HSL dans votre presse-papiers.
  5. Cliquez sur un échantillon dans le panneau d’historique pour rétablir cette couleur dans l’affichage principal.

Outils associés

🎨
sélecteur couleur
Choisissez une couleur et obtenez les valeurs HEX, RGB et HSL
 ☀️
luminosité contraste image
Ajustez précisément la luminosité et le contraste d’une photo avec un aperçu instantané
 ⬛
image niveaux gris
Convertir des photos en niveaux de gris ou en noir et blanc dans le navigateur
Comprendre l’extraction de couleurs ▾
Exemple
Entrée Importez une capture d’écran de marque et survolez la couleur du logo
Sortie #1A73E8 · rgb(26, 115, 232) · hsl(217, 80%, 51%) —prêt à copier
Cas d’utilisation courants
  • Identifiez les couleurs exactes d’une marque à partir d’un logo ou d’une capture d’écran
  • Faire correspondre une couleur d’arrière-plan d’une photo à une conception d’interface
  • Extrayez une valeur de couleur CSS d’une maquette de design
  • Créez une mini-palette en cliquant sur plusieurs couleurs et en utilisant le panneau d’historique
Pourquoi utiliser cet outil
  • Extraction de couleurs précise au pixel via Canvas getImageData —sans arrondi.
  • Trois formats de sortie (HEX, RGB, HSL) avec copie en un clic pour chacun.
  • Fonctionne entièrement dans votre navigateur —les images ne quittent jamais votre appareil.
Questions fréquentes
Mon image est-elle envoyée sur un serveur ?

Non. Tout le traitement est effectué entièrement dans votre navigateur via l’API Canvas HTML5. Votre image ne quitte jamais votre appareil.

Quelle est la précision des valeurs de couleur extraites ?

Les valeurs sont exactes au pixel près — l’outil lit les valeurs RGBA exactes du pixel sous votre curseur via l’API Canvas getImageData, puis les convertit mathématiquement en HEX, RGB et HSL.

En quoi est-ce différent d’un extracteur de palette ?

Un extracteur de palette échantillonne automatiquement les couleurs dominantes d’une image. Cet outil vous permet de cliquer manuellement sur un pixel précis pour obtenir sa couleur exacte, ce qui vous donne un contrôle précis sur la couleur que vous extrayez.

Quel format le bouton Copier utilise-t-il ?

Chaque format est copié sous forme de chaîne prête à l’emploi : HEX est copié sous la forme #RRGGBB, RGB sous la forme rgb(R, G, B) et HSL sous la forme hsl(H, S%, L%).