Qu’est-ce qu’une pipette de couleur pour image ?

Une pipette de couleur pour image, ou pipette, lit la couleur d’un pixel dans une image. Les designers l’utilisent pour reproduire la couleur d’une marque à partir d’un logo, extraire une palette d’une photo ou vérifier la teinte exacte dans une capture d’écran d’un site web ou d’une application. Comme la couleur est lue à partir des données du pixel, la valeur est exacte et ne repose pas sur une estimation visuelle.

Description de l’outil

Cet outil vous permet d’ouvrir une image ou de coller une capture d’écran depuis le presse-papiers, puis de cliquer n’importe où dessus pour prélever une couleur. Une loupe grossissante suit le pointeur et affiche les pixels qui l’entourent, afin que vous puissiez sélectionner celui que vous souhaitez. Chaque clic ajoute un point numéroté, et la couleur de chaque point est affichée dans le format de sortie de votre choix, prête à être copiée.

Fonctionnalités

  • Prélevez des couleurs à partir d’images PNG, JPEG, WebP, GIF, BMP et AVIF, ou collez une image avec Ctrl+V
  • Loupe grossissante affichant la couleur sous le pointeur
  • Zoom jusqu’à 3200 %, avec des pixels nets pour les petits détails et les icônes
  • Échantillon ponctuel ou moyenne d’une zone de 3 × 3 à 101 × 101 pixels, comme avec la pipette des éditeurs d’image
  • Copiez chaque couleur aux formats HEX, RGB, HSL, HWB, CMYK, LAB et dans d’autres formats
  • Repères numérotés sur l’image pour chaque point prélevé
  • Affichage de l’opacité des pixels semi-transparents
  • Déplacez le dernier point pixel par pixel avec les touches fléchées

Fonctionnement

L’image est décodée dans votre navigateur et dessinée sur un canvas, puis la couleur est lue à partir des pixels du canvas. Les couleurs sont converties en sRGB, l’espace colorimétrique du web, afin que les valeurs correspondent à l’apparence de l’image sur la page et puissent être utilisées telles quelles en CSS. Lorsqu’une moyenne est calculée, les couleurs des pixels de la zone sont moyennées en fonction de leur opacité, afin que les pixels transparents n’assombrissent pas le résultat. L’image n’est jamais téléversée.

Conseils

  • Les photos et les images JPEG contiennent du bruit, si bien que les pixels voisins diffèrent souvent légèrement. Utilisez une moyenne de 3 × 3 ou 5 × 5 pour obtenir la couleur que vous voyez plutôt que celle d’un pixel bruité.
  • Pour les éléments graphiques unis tels que les logos, les icônes et les captures d’écran, utilisez l’échantillon ponctuel pour obtenir la couleur exacte.
  • La modification de la taille de l’échantillon met à jour les couleurs de tous les points que vous avez déjà prélevés.
  • Pour les fichiers GIF, les couleurs sont prélevées à partir de la première image.