Sélecteur de couleur pour captures d'écran

Obtenez le code HEX, RGB et HSL exact de n’importe quel pixel d’une image.

Fonctionne dans votre navigateur
Aucun envoi de fichier
Aucun compte

Chargement de l'outil dans votre navigateur…

Ce que fait Sélecteur de couleur pour captures d'écran

Retrouver à l’œil la couleur d’une marque, d’un bouton ou d’une courbe de graphique à partir d’une capture, c’est deviner. Chargez l’image, survolez-la, et une loupe agrandit une grille de 11 × 11 pixels pour que vous voyiez exactement sur quel pixel vous êtes. Cliquez pour choisir : la couleur apparaît dans une grande pastille avec ses valeurs HEX, RGB et HSL, chacune dans son propre champ à copier.

Les dix dernières couleurs choisies restent dans une rangée Récentes : vous pouvez comparer quelques nuances et revenir à l’une d’elles. Les bords lissés et les dégradés varient d’un pixel à l’autre ; choisissez au milieu d’un aplat. Pour trouver plutôt les couleurs principales de toute une image, utilisez l’Extracteur de palette de couleurs.

Exemple

Vous choisissez

L’exemple intégré de page de facturation (Utiliser l’exemple)

Résultat

HEX #3157D5
RGB rgb(49, 87, 213)
HSL hsl(226, 66%, 51%)

L’exemple choisit un pixel à l’intérieur du bouton bleu Modifier le moyen de paiement.

Mode d'emploi : Sélecteur de couleur pour captures d'écran

Cliquez sur Choisir un fichier, collez une capture d’écran ou déposez une image.
Survolez l’image pour l’agrandir et cliquez sur le pixel voulu. Pour des coordonnées exactes, saisissez X et Y dans Plus d’options et cliquez sur Choisir ce pixel.
Cliquez sur Copier pour le code HEX, ou copiez le RGB ou le HSL depuis leurs champs.

Bon à savoir

Une capture enregistre la couleur affichée par votre écran, après tout profil colorimétrique ou Night Shift. Elle peut différer légèrement de la couleur définie dans le CSS ou le fichier de design de l’application.
La compression JPG décale un peu les couleurs, surtout près des contours. Choisissez dans des captures PNG quand la précision compte.
La transparence n’est pas incluse dans les codes. Un pixel semi-transparent affiche son alpha sous l’image, mais le HEX est la couleur sans lui.

Questions sur Sélecteur de couleur pour captures d'écran

Comment trouver le code HEX d’une couleur dans une image ?

Chargez l’image, survolez-la jusqu’à ce que la loupe soit sur la couleur, puis cliquez. Le code HEX apparaît en haut du résultat avec un bouton Copier. Les versions RGB et HSL s’affichent en dessous.

Pourquoi la couleur choisie diffère-t-elle légèrement de la couleur de marque ?

Les écrans appliquent des profils colorimétriques, et la compression JPG comme le lissage modifient certains pixels. Choisissez au centre d’un grand aplat dans un PNG. Si la valeur s’écarte de quelques unités, c’est le code de la charte graphique qu’il faut utiliser.

Puis-je choisir une couleur à l’écran en dehors du navigateur ?

Faites d’abord une capture d’écran, puis collez-la ici avec Ctrl+V ou Cmd+V. La pipette fonctionne sur n’importe quelle image : une capture d’une autre application ou d’un fichier de design fonctionne de la même façon.