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
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, jpgHubs 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.