Sélecteur de Couleur d'Image

Prélevez des couleurs des images en spécifiant des coordonnées. Obtenez des valeurs de couleur aux formats HEX, RGB, HSL, HSV et CMYK.

Click to upload file or drag and drop file here

Maximum file size: 20MB Supported formats: image/jpeg, image/png, image/webp, image/gif, image/bmp, image/tiff

Téléchargez tout fichier image pour prélever des couleurs

Coordonnée X en pixels, à partir du bord gauche (0 = bord gauche)

Coordonnée Y en pixels, à partir du bord supérieur (0 = bord supérieur)

Rayon de la zone à échantillonner (0 = pixel unique, valeurs plus élevées = moyenne des couleurs de la zone)

Choisissez quel(s) format(s) de couleur inclure dans la sortie

Points clés

Catégorie
Design et couleur
Types d’entrée
file, number, select
Type de sortie
json
Couverture des échantillons
4
API disponible
Yes

Vue d’ensemble

Ce sélecteur de couleur d'image vous permet d'extraire précisément les valeurs colorimétriques d'un pixel ou d'une zone d'une image à partir de coordonnées X et Y. Importez votre fichier et obtenez instantanément les codes couleur aux formats HEX, RGB, HSL, HSV et CMYK.

Quand l’utiliser

  • Lorsque vous devez identifier la couleur exacte d'un pixel spécifique sur une maquette ou une capture d'écran.
  • Pour extraire la couleur moyenne d'une zone texturée en ajustant le rayon d'échantillonnage.
  • Pour convertir rapidement une couleur d'image dans un format spécifique comme le CMYK pour l'impression ou le HSL pour le CSS.

Comment ça marche

  • Téléchargez votre image au format JPEG, PNG, WebP, GIF, BMP ou TIFF.
  • Définissez les coordonnées X et Y en pixels pour cibler l'emplacement précis de la couleur à analyser.
  • Ajustez éventuellement le rayon d'échantillonnage pour calculer la moyenne des couleurs environnantes.
  • Sélectionnez le format de sortie souhaité et récupérez les valeurs de couleur générées au format JSON.

Cas d’usage

Analyse de chartes graphiques à partir de captures d'écran ou de logos importés.
Échantillonnage de textures complexes en calculant la couleur moyenne d'une zone.
Intégration web et print en récupérant directement les codes HEX, HSL ou CMYK d'un élément visuel.

Exemples

1. Extraction de la couleur d'un logo de marque

Designer Graphique
Contexte
Un designer doit intégrer le logo d'un client sur un site web mais ne dispose que d'un fichier PNG sans charte graphique associée.
Problème
Trouver le code HEX exact du pixel central du logo.
Comment l’utiliser
Charger le fichier PNG du logo, définir les coordonnées X et Y correspondant au centre du logo, et choisir le format de sortie HEX.
Configuration d’exemple
{
  "imageFile": "logo.png",
  "x": 150,
  "y": 75,
  "sampleRadius": 0,
  "outputFormat": "hex"
}
Résultat
Le sélecteur renvoie la valeur HEX exacte (ex: #0055A5) pour une intégration CSS fidèle.

2. Échantillonnage de couleur moyenne pour une texture de tissu

Concepteur de produits e-commerce
Contexte
Un gestionnaire de catalogue doit définir la couleur de fond d'une fiche produit en fonction d'une photo de tissu texturé.
Problème
Un pixel unique donne une couleur trop sombre ou trop claire à cause du grain du tissu.
Comment l’utiliser
Importer la photo du tissu, cibler le centre avec X et Y, et régler le rayon d'échantillonnage (sampleRadius) sur 15 pixels pour lisser les variations.
Configuration d’exemple
{
  "imageFile": "tissu.jpg",
  "x": 500,
  "y": 500,
  "sampleRadius": 15,
  "outputFormat": "all"
}
Résultat
L'outil calcule la moyenne des pixels de la zone et fournit les valeurs RGB et HSL harmonisées.

Tester avec des échantillons

image, png, jpg

Hubs associés

FAQ

Quels formats d'image sont pris en charge ?

Le sélecteur accepte les fichiers JPEG, PNG, WebP, GIF, BMP et TIFF jusqu'à 20 Mo.

Comment fonctionne le rayon d'échantillon (sampleRadius) ?

Une valeur de 0 analyse un seul pixel. Une valeur supérieure calcule la couleur moyenne des pixels situés dans ce rayon.

D'où partent les coordonnées X et Y ?

Le point d'origine (0,0) se situe dans le coin supérieur gauche de l'image importée.

Quels formats de couleur puis-je exporter ?

Vous pouvez exporter les formats HEX, RGB, HSL, HSV et CMYK, soit individuellement, soit tous ensemble.

Puis-je utiliser cet outil pour préparer des fichiers pour l'impression ?

Oui, en choisissant le format de sortie CMYK, vous obtenez les valeurs adaptées aux profils d'impression.

Documentation de l'API

Point de terminaison de la requête

POST /fr/api/tools/image-color-picker

Paramètres de la requête

Nom du paramètre Type Requis Description
imageFile file (Téléchargement requis) Oui Téléchargez tout fichier image pour prélever des couleurs
x number Oui Coordonnée X en pixels, à partir du bord gauche (0 = bord gauche)
y number Oui Coordonnée Y en pixels, à partir du bord supérieur (0 = bord supérieur)
sampleRadius number Non Rayon de la zone à échantillonner (0 = pixel unique, valeurs plus élevées = moyenne des couleurs de la zone)
outputFormat select Non Choisissez quel(s) format(s) de couleur inclure dans la sortie

Les paramètres de type fichier doivent être téléchargés d'abord via POST /upload/image-color-picker pour obtenir filePath, puis filePath doit être passé au champ de fichier correspondant.

Format de réponse

{
  "key": {...},
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
Données JSON: Données JSON

Documentation de MCP

Ajoutez cet outil à votre configuration de serveur MCP:

{
  "mcpServers": {
    "elysiatools-image-color-picker": {
      "name": "image-color-picker",
      "description": "Prélevez des couleurs des images en spécifiant des coordonnées. Obtenez des valeurs de couleur aux formats HEX, RGB, HSL, HSV et CMYK.",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-color-picker",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Vous pouvez chaîner plusieurs outils, par ex.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 outils.

Prend en charge les liens de fichiers URL ou la codification Base64 pour les paramètres de fichier.

Si vous rencontrez des problèmes, veuillez nous contacter à [email protected]