Un souci avec cet outil ?

À propos de « Pipette De Couleur D’image En Ligne »

Ce que fait l’outil

Sélecteur de couleur depuis une image est une pipette pour vos propres images. Chargez une image, cliquez sur un point, et l’outil lit la couleur exacte de ce pixel et vous la montre. Aucune approximation, aucun assortiment manuel : vous pointez la couleur voulue et récupérez aussitôt sa valeur précise.

Les valeurs affichées

Chaque prélèvement est indiqué dans trois formats à la fois : HEX comme #3b82f6, RGB comme rgb(59, 130, 246) et HSL comme hsl(217, 91%, 60%). Chaque valeur a un bouton de copie en un clic, pour déposer la couleur directement dans du CSS, un outil de design ou un document. Pour le web & le design, c’est en général le HEX que vous voulez.

Historique des couleurs prélevées

L’outil conserve un historique des couleurs que vous prélevez sous forme d’une rangée d’échantillons. Prélevez plusieurs points d’une image et chaque couleur est enregistrée, pour les comparer, en copier une plus ancienne ou constituer toute une palette sans perdre le fil. C’est la façon la plus rapide d’extraire un ensemble de couleurs apparentées d’une seule image.

Privé et dans le navigateur

Tout s’exécute entièrement dans votre navigateur. L’image est lue localement sur votre appareil et n’est jamais envoyée à un serveur, donc rien ne quitte votre ordinateur. C’est donc sûr pour des maquettes confidentielles, des logos de clients et des captures d’écran. Utilisez-le pour extraire les couleurs d’une marque depuis un logo, assortir une couleur d’une photo ou prélever une couleur sur une capture d’écran.

Comment utiliser cet outil

Étapes

  1. Téléversez une image depuis votre appareil — un logo, une photo ou une capture contenant les couleurs voulues.

  2. Cliquez sur un point de l’image pour prélever la couleur de ce pixel précis.

  3. Lisez les valeurs HEX, RGB et HSL et appuyez sur le bouton de copie à côté de celle dont vous avez besoin.

  4. Continuez à cliquer pour rassembler d’autres couleurs — chacune s’ajoute à votre historique pour composer une palette.

Conseils

  • Zoomez pour des pixels précis. Quand les couleurs se touchent, agrandir l’image aide à tomber pile sur le pixel visé.
  • Utilisez une image de bonne qualité. Une image nette et non compressée donne des couleurs plus fidèles ; de forts artefacts JPEG peuvent décaler le pixel prélevé.
  • Copiez le HEX pour le CSS et les outils de design. La valeur # se colle proprement dans les feuilles de style, Figma et la plupart des éditeurs.

Outils similaires