Comment trouver les couleurs utilisées sur une page Web

En consultant une page Web, on tombe parfois sur une couleur qu’on aimerait bien récupérer pour son propre compte avec l’objectif d’illustrer ses propres projets (Site Internet ou autres).

L’œil humain est capable de distinguer plus de 2 millions de couleurs, mais il existe d’énormes disparités entre les individus.

Il faut savoir que sur un site Web les couleurs sont codées à l’aide d’une numérotation hexadécimale (base 16 ; une couleur est codée sur six chiffres, chaque couple exprime une composante) ou à l’aide des trois composantes RVB exprimées à l’aide de trois nombres compris entre 0 et 255.

Une quatrième valeur exprime parfois le niveau de transparence à appliquer à la couleur.

Il est toujours possible d’examiner le code CSS d’une page Web pour retrouver le code d’une couleur en particulier ou encore de manipuler les outils de développement intégrés aux navigateurs Web, mais la démarche n’est pas forcément ni très convivial ni très pratique.

On peut aussi faire une copie d’écran de la page Web en question, importer l’image dans un programme graphique et utiliser l’outil pipette pour déterminer le code des couleurs que l’on cherche à reproduire.

Il y a heureusement plus simple comme méthode pour retrouver le code d’une couleur qui apparaît sur n’importe quelle page Web, que ce soit sur une image, un texte voire n’importe quel élément coloré.

illustration-couleur

Pour retrouver une palette de couleurs utilisées sur une page Web, je vous propose de découvrir l’application en ligne I Like Your Colors que je trouve très pratique, car à partir d’une URL on obtient les différents codes hexadécimaux des différentes couleurs utilisées sur une page Web.

L’intérêt est que c’est une application en ligne, donc nul besoin d’installer d’extensions, de plug-in ou d’applications qui viennent surcharger les navigateurs et consomment de la mémoire.

L’utilisation est vraiment enfantine, on indique l’URL de la page à examiner et aussitôt des pastilles colorées et des codes hexa qu’il faudra recopier sont affichés.

couleurs-page-web

C’est, je pense, largement suffisant pour une utilisation ponctuelle.

Malheureusement, cet outil a disparu de la circulation et je n’ai pas pu trouver d’équivalent en ligne pour faire la même chose.

Pour y parvenir, il faudra recourir à des extensions pour les navigateurs Web, pour Chrome ou Firefox.

En voici quelques unes à même de déterminer le code de n’importe quelle couleur sur une page.

Pour le navigateur Chrome

Pour le navigateur Firefox Quantum

Il en existe d’autres, mais qui ne sont pas compatibles avec Firefox Quantum, la nouvelle version du navigateur de Mozilla.