Comment obtenir le code hexadécimal d'une couleur sur votre écran d'ordinateur?
Si vous créez une page Web ou un autre projet HTML et que vous souhaitez inclure un élément qui correspond à une couleur particulière dans une image, un site Web ou une fenêtre de programme sur votre écran d'ordinateur, vous devrez trouver le code hexadécimal de la couleur.
Les couleurs sont identifiées en HTML et CSS par leurs codes hexadécimaux. Si vous créez une page Web ou un autre projet HTML et que vous souhaitez inclure un élément qui correspond à une couleur particulière dans une image, un site Web ou une fenêtre de programme sur votre écran d'ordinateur, vous devrez trouver le code hexadécimal de la couleur. Il existe plusieurs façons de traquer ce code sans avoir besoin de creuser dans le code source.
Méthode 1 sur 4: en utilisant GIMP ou un logiciel d'image similaire (pour les couleurs sur les images ou les captures d'écran)
- 1Téléchargez gimp ou un autre éditeur d'images avancé. GIMP est un logiciel gratuit de manipulation d'images, mais Photoshop et d'autres programmes d'édition d'images avancés fonctionneront également avec des méthodes très similaires.
- 2Trouvez une image avec la couleur que vous essayez de faire correspondre. Si la couleur que vous faites correspondre est déjà dans une image enregistrée sur votre ordinateur, vous pouvez utiliser cette image. Si vous essayez de faire correspondre une couleur sur une page Web ou un programme informatique, vous pouvez prendre une capture d'écran contenant la couleur que vous essayez de faire correspondre.
- 3Ouvrez l'image avec la couleur en question dans GIMP.
- 4Sélectionnez l'outil de sélection de couleurs. Cela ressemble à une pipette.
- 5Cliquez sur la couleur que vous souhaitez faire correspondre dans l'image.
- 6Cliquez sur la case de couleur de premier plan, maintenant qu'elle reflète la couleur que vous avez choisie. Localisez le code hexadécimal - appelé "notation HTML" - dans la fenêtre "Modifier la couleur de premier plan" qui s'affiche.
- Vous pouvez également sélectionner "Utiliser la fenêtre d'informations" dans le menu du sélecteur de couleurs de gauche. Ensuite, lorsque vous cliquez sur la couleur choisie avec le sélecteur, la fenêtre d'informations sur la couleur apparaîtra et le code hexadécimal y sera répertorié.
- 7Utilisez le code hexadécimal. Vous pouvez le noter ou faire un clic droit sur le code et le copier dans votre presse-papiers. Vous pouvez ensuite utiliser ce code dans la couleur de police, la couleur d'arrière - plan ou d'autres éléments du projet HTML ou CSS que vous créez.
Méthode 2 sur 4: en utilisant firefox (pour les couleurs sur un site Web existant)
- 1Ouvrez un navigateur Firefox. Si vous essayez de copier une couleur à partir d'un site Web existant et que Firefox est installé, c'est votre option la plus rapide.
- 2Accédez à la page où se trouve la couleur que vous souhaitez copier. Assurez-vous que l'élément pour lequel vous avez besoin de la couleur est visible.
- 3Survolez «outils» dans le menu et sélectionnez «développeur Web». À partir de là, cliquez sur «Pipette».
- 4Cliquez sur la couleur que vous recherchez. Lorsque vous le faites, Firefox enregistre le code hexadécimal dans votre presse-papiers.
- 5Collez le code là où vous en avez besoin. Vous pouvez utiliser ce code dans la couleur de police, la couleur d'arrière - plan ou d'autres éléments du projet HTML ou CSS que vous créez.
Si vous savez qui a créé la page Web avec la couleur que vous essayez de faire correspondre, vous pouvez toujours lui demander quel code hexadécimal il a utilisé.
Méthode 3 sur 4: en utilisant imagecolorpicker.com
- 1Allez sur imagecolorpicker.com.
- 2Décidez si vous souhaitez télécharger votre propre image ou utiliser une image ou un site Web déjà en ligne. L'une ou l'autre méthode peut être utilisée pour afficher une image ou une page Web afin que vous puissiez sélectionner la couleur souhaitée.
- Cliquez sur "Télécharger votre image" si c'est ce que vous voulez faire. Sélectionnez "Choisir un fichier" et localisez l'image dans les dossiers de votre ordinateur. Cliquez ensuite sur «Envoyer» pour le télécharger.
- Entrez l'URL d'un site Web ou d'une image, si vous préférez. Vous pouvez le taper ou le copier-coller depuis votre navigateur. Cliquez ensuite sur la flèche pour charger le site.
- 3Cliquez sur la couleur souhaitée dans l'aperçu de l'image/du site. Cette couleur sera affichée dans le coin inférieur gauche de l'écran.
- 4Trouvez le code hexadécimal indiqué à côté de la couleur choisie. Vous pouvez le copier, puis utiliser ce code pour faire correspondre la couleur de la police, la couleur d'arrière - plan ou d'autres éléments de votre projet HTML ou CSS.
Méthode 4 sur 4: en utilisant le logiciel pixie (pour Windows OS)
- 1Installez le lutin. C'est un petit utilitaire pour trouver les valeurs de couleur du pixel pointé.
- 2Exécuter. Exécutez le programme en naviguant et en cliquant dessus.
- 3Déplacez le curseur. Déplacez le curseur sur la couleur.
- 4Trouvez les valeurs de cette couleur. Vous en verrez les valeurs HEX, HTML, RVB, etc.
- 5Sortez de l'utilitaire en appuyant sur le bouton croix.
Vous pouvez le copier, puis utiliser ce code pour faire correspondre la couleur de la police, la couleur d'arrière-plan ou d'autres éléments de votre projet HTML ou CSS.
- Il existe d'autres sites Web, extensions de navigateur et programmes d'édition d'images qui vous permettront également d'utiliser un sélecteur de couleurs pour révéler le code hexadécimal de la teinte.
- Si vous savez qui a créé la page Web avec la couleur que vous essayez de faire correspondre, vous pouvez toujours lui demander quel code hexadécimal il a utilisé. Alternativement, vous pouvez creuser dans le code source du site Web pour trouver le code hexadécimal qui y est répertorié.
En parallèle
