Comment Obtenir Les Codes de Couleur HEX à Partir d'images?

Dans de nombreux scénarios différents, vous souhaiterez peut-être obtenir le code de couleur HEX exact dans une certaine image.

Il existe de nombreuses façons de le faire de manière très simple et pratique.

Dans cet article, je vais montrer ma méthode préférée et quels sont les avantages de la faire de cette façon.

Cette méthode ne vous oblige pas à télécharger un logiciel sur votre téléphone ou votre ordinateur, et si cela ne suffisait pas, le site ne voit jamais vos photos ni ne les enregistre.

Voici comment vous pouvez utiliser ImageColorFinder.com pour obtenir les codes de couleur HEX exacts de n'importe quelle image.

1- Allez sur ImageColorFinder.com

Ceci est notre page d'accueil, et c'est là que toute la magie opère !

En jetant simplement un coup d'œil autour de vous et en faisant défiler vers le bas, vous vous rendrez compte que le processus est assez explicite.

page d'accueil de l'outil de recherche de couleurs d'image

Vous obtiendrez deux boutons en haut des outils qui vous permettront de télécharger votre propre image ou de nous laisser en générer une aléatoire à partir d'Internet.

La première option est idéale pour ceux d'entre vous qui ont déjà en tête la couleur que vous souhaitez inspecter.

En ce qui concerne le deuxième bouton, vous pouvez l'utiliser pour générer une image aléatoire à partir d'Internet.

Ceci est utile pour obtenir de l'inspiration au cas où vous voudriez créer une palette de couleurs pour un projet particulier.

N'oubliez pas que si vous êtes sur un appareil mobile, votre navigateur vous donnera la possibilité de prendre la photo avec votre appareil photo et de la télécharger instantanément.

2- Téléchargez votre propre image

Cliquez simplement sur le bouton de téléchargement et parcourez votre appareil jusqu'à ce que vous trouviez la bonne image.

En ce qui concerne les types d'images que vous pouvez télécharger, vous pouvez utiliser n'importe quel format ; Les fichiers GIF et SVG sont également acceptables.

télécharger une image

Après avoir fait cela, vous remarquerez que votre nouvelle image s'affichera instantanément dans le conteneur du sélecteur de couleurs.

C'est tout ce que vous devez voir avant de passer à l'étape suivante de ce guide.

3- Sélectionnez la couleur dont vous voulez la valeur HEX

Une fois votre image téléchargée, elle sera analysée et notre outil affichera et suggérera une série de couleurs qui pourraient être celles que vous essayez de copier.

C'est une sorte de raccourci, mais si aucune des 6 couleurs générées n'est celle que vous souhaitez, vous pouvez la rechercher manuellement.

Ces couleurs sont initialement affichées en HEX, mais gardez également à l'esprit que si vous souhaitez passer à un autre système de couleurs tel que RGB ou HSL, vous pouvez également le faire.

Maintenant, pour choisir manuellement une couleur, utilisez la pipette qui apparaît une fois que vous appuyez, survolez, cliquez ou appuyez sur l'image.

Une fois que cela se produit, déplacez-vous simplement à la recherche de la couleur exacte que vous souhaitez.

Le coin de la pipette indique également la couleur sur laquelle vous survolez actuellement.

Le carré rouge à l'intérieur vous permet de voir exactement où vous vous trouvez dans l'image.

Afin de verrouiller la couleur finale, vous pouvez simplement cliquer ou appuyer dessus, et elle apparaîtra sous celles générées.

4- Copiez la valeur de la couleur

Enfin, nous avons juste besoin de copier enfin la valeur de couleur HEX du code.

Pour ce faire, vous pouvez simplement appuyer sur le conteneur de couleur et sa valeur sera automatiquement copiée dans votre presse-papiers.

copie de la valeur hexadécimale

Je vous encourage à essayer toutes les différentes configurations disponibles telles que la pixellisation de l'image ou l'augmentation et la diminution du niveau de zoom de la pipette.

Quelles plates-formes ou appareils prennent en charge cet outil ?

L'avantage d'utiliser ImageColorFinder.com est que vous pouvez l'utiliser sur n'importe quel ordinateur de bureau, tablette ou appareil mobile moderne.

Sur les appareils mobiles et les tablettes, vous pouvez même aller plus loin et prendre des photos en temps réel pour les télécharger instantanément.

télécharger une image sur un appareil mobile

Cela permet différentes situations telles que la couleur d'un mur ou d'un certain produit autour de vous.

Même si l'éclairage de la pièce et la qualité de votre appareil photo affecteront la précision des codes de couleur, cela reste une très bonne solution.

Votre image sera-t-elle enregistrée ou vue par quelqu'un ?

Tout se passe sur votre navigateur, ce qui signifie que personne, à part vous, n'aura accès aux images que vous téléchargez.

Aucune de vos photos n'est enregistrée sur Internet, sauf sur votre propre appareil.

Et même dans ce cas, une fois que vous aurez actualisé la page, ils seront inaccessibles pour toujours sur ce site Web, à moins que vous ne les téléchargiez à nouveau.

Comment obtenir le code couleur HEX d'un site Web ?

Il existe de nombreuses façons d'obtenir le code couleur d'un site Web.

Pour ceux d'entre vous qui connaissent les outils de développement de Google Chrome, vous pouvez simplement vous rendre sur ledit site Web et inspecter les éléments dont vous souhaitez obtenir les couleurs.

inspecter un élément

D'autre part, un autre moyen rapide d'y parvenir est de prendre une capture d'écran du site Web, de la télécharger sur notre outil, puis de continuer à faire tout ce que nous venons d'expliquer ci-dessus.

Cette dernière méthode est très utile pour ceux d'entre vous qui sont actuellement sur un appareil mobile.