Aller au contenu

Sélecteur de couleurs depuis une image

Prélevez les couleurs exactes de n'importe quelle image — HEX et RGB avec alpha, entièrement.

Préparation de l’outil…

Sélecteur de couleurs

Cliquez ou utilisez les touches fléchées sur l'image pour choisir une couleur de pixel exacte.

Déposez une image ici, ou appuyez sur Entrée pour parcourirPNG · JPG · WEBP · AVIF · HEIC — jusqu'à 20 MP / 25 Mo

Les couleurs sont lues depuis l'image décodée dans un canvas sRGB pour l'affichage. Aucune requête réseau n'est effectuée.

Comment prélever une couleur d'une image

  1. Ouvrez votre image

    Déposez un PNG, JPG ou WebP sur la page — il se charge localement.

  2. Cliquez sur un pixel

    Cliquez ou appuyez sur le pixel (ou ajustez avec les touches fléchées) pour verrouiller la couleur exacte sous le curseur.

  3. Copier la valeur

    Copiez le code HEX directement dans votre CSS — la valeur RGB et l'alpha sont affichés pour une lecture immédiate.

Foire aux questions

Comment prélever une couleur d'une image ?

Déposez ou ouvrez votre image, puis cliquez ou appuyez sur le pixel souhaité (les touches fléchées déplacent aussi la sélection). La couleur exacte est échantillonnée depuis le canevas et affichée en HEX, RGB et alpha.

La couleur prélevée est-elle exacte ou moyennée ?

C'est la valeur exacte du pixel de l'image décodée à un zoom de 1:1. Si l'aperçu est dézoomé, certains navigateurs lissent les pixels — zoomez pour un échantillonnage au pixel près.

Quels formats puis-je charger ?

PNG, JPG, WebP, GIF et BMP — tout ce que votre navigateur peut décoder. Les GIF animés sont échantillonnés à partir de la première image.

Mes images sont-elles envoyées quelque part ?

Non. L'image est dessinée sur un canvas HTML local et échantillonnée avec JavaScript sur votre appareil. Il n'y a ni envoi ni compte.

Échantillonnage de pixels sur canvas

Voici à quoi sert chaque format, et quand convertir des pixels d'image en codes couleur est le bon choix.

Qu'est-ce que les flux de travail à la pipette ?

Captures d'écran passées par des applications de bureau ou des outils en ligne qui envoient votre image juste pour lire un pixel — lent, et une fuite de vie privée pour les captures d'écran.

Qu'est-ce que l'échantillonnage sur canvas ?

L'image est décodée vers un canevas sRGB dans votre navigateur et lue pixel par pixel avec getImageData. Les couleurs sont renvoyées instantanément en HEX et RGB avec l'alpha entièrement préservé.

Quand vous en avez besoin

Utilisez-le pour retrouver une couleur de marque depuis un logo, réutiliser une teinte d'une capture d'écran, ou vérifier la vraie couleur d'un bord anti-aliasé. Pour des palettes multi-couleurs plutôt que des pixels isolés, essayez l'outil de palette de couleurs.

Vos outils, à un clic

Installez ToolMink sur votre bureau ou écran d’accueil.