Sélecteur de couleur d'image

Importez une image, cliquez pour échantillonner n'importe quelle couleur de pixel, extrayez une palette dominante et copiez HEX, RGB, HSL, variables CSS ou JSON.

Prélevez des couleurs dans les images et extrayez des palettes

Utilisez le Sélecteur de couleur d'image quand vous avez besoin de couleurs exactes depuis une capture d'écran, une photo produit, un mood board, une illustration, un logo ou une maquette d'interface. Importez une image, cliquez ou touchez l'aperçu pour échantillonner un pixel, puis copiez la valeur HEX, RGB ou HSL sélectionnée.

L'extracteur de palette regroupe les pixels échantillonnés en couleurs dominantes, filtre les quasi-doublons et fournit des variables CSS et du JSON pour une réutilisation rapide.

Workflows courants

  • Échantillonner une couleur depuis une capture d'écran, une maquette UI, un logo ou une photo produit.
  • Extraire rapidement une palette depuis des images de marque ou une référence de design.
  • Copier des valeurs HEX, RGB ou HSL pour CSS, outils de design ou documentation.
  • Créer des variables CSS ou des tokens JSON depuis des couleurs issues d'images.

Chargement de l'outil...

FAQ du sélecteur de couleur d'image

L'image est-elle envoyée à un serveur ?

Non. L'image est chargée localement dans un canvas du navigateur pour l'échantillonnage et l'extraction de palette.

Puis-je l'utiliser sans importer d'image ?

Oui. L'outil s'ouvre avec une image d'exemple générée pour tester immédiatement le prélèvement et l'export de palette.

Pourquoi les palettes extraites peuvent-elles différer d'une autre app ?

Les outils de palette utilisent des règles différentes d'échantillonnage, de quantification et de filtrage des doublons. Cet outil privilégie des couleurs utiles et visiblement distinctes.

Outils associés