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 spécifique dans une image, un site Web ou une fenêtre sur votre écran d'ordinateur, vous devrez trouver le code hexadécimal de la couleur. Ce wikiHow vous apprend à utiliser une variété d'outils gratuits pour identifier rapidement le code hexadécimal de n'importe quelle couleur.
Pas
Méthode 1 sur 4: Utilisation d'un colorimètre numérique sur un Mac
Étape 1. Ouvrez le colorimètre numérique sur votre Mac
Cet outil, fourni avec macOS, peut identifier la valeur de couleur de n'importe quelle couleur à l'écran. Ouvrez le Finder, double-cliquez sur le Applications dossier, double-cliquez sur le Utilitaires dossier, puis double-cliquez Mètre de couleur numérique pour l'ouvrir.
Étape 2. Déplacez le curseur de la souris sur la couleur que vous souhaitez identifier
Lorsque vous déplacez la souris, les valeurs de l'outil sont mises à jour en temps réel. Ne déplacez pas votre souris de cet emplacement tant que vous n'avez pas verrouillé les ouvertures horizontale et verticale.
Vous pouvez également utiliser l'outil pour identifier les couleurs sur le Web. Ouvrez simplement Safari (ou votre navigateur préféré) et accédez à un site Web contenant la couleur que vous souhaitez identifier
Étape 3. Appuyez sur ⌘ Commande+L
Cela verrouille à la fois les ouvertures horizontale et verticale, ce qui signifie que la valeur de la couleur ne changera pas lorsque vous déplacerez la souris.
Étape 4. Appuyez sur ⇧ Shift+⌘ Command+C pour copier le code hexadécimal dans le presse-papiers
Vous pouvez également copier le code hexadécimal en cliquant sur le Couleur menu et en sélectionnant Copier la couleur sous forme de texte.
Étape 5. Appuyez sur ⌘ Commande+V pour coller le code copié
Vous pouvez le coller directement dans votre code HTML, un fichier texte ou toute autre zone de saisie.
Étape 6. Appuyez sur ⌘ Command+L pour déverrouiller les ouvertures
Si vous souhaitez identifier une autre couleur, cela libère le verrou afin que le curseur agisse à nouveau comme un identifiant de valeur de couleur.
Méthode 2 sur 4: Utilisation de Color Cop pour Windows
Étape 1. Installez Color Cop
Color Cop est un petit utilitaire gratuit que vous pouvez utiliser pour identifier rapidement le code hexadécimal de n'importe quelle couleur à l'écran. Voici comment obtenir l'application:
- Accédez à https://colorcop.net/download dans un navigateur Web.
- Cliquez sur colorcop-setup.exe sous "auto-installation". Si le fichier ne se télécharge pas automatiquement, cliquez sur sauvegarder ou d'accord pour démarrer le téléchargement.
- Double-cliquez sur le fichier téléchargé (il se trouve dans le Téléchargements dossier, et généralement dans le coin inférieur gauche de l'onglet du navigateur).
- Suivez les instructions à l'écran pour installer l'application.
Étape 2. Ouvrez Color Cop
Vous le trouverez dans votre menu Démarrer.
Étape 3. Faites glisser l'icône de la pipette vers la couleur que vous souhaitez identifier
Vous pouvez identifier n'importe quelle couleur à l'écran, y compris celles d'autres applications et de sites Web.
Étape 4. Lâchez le bouton de la souris pour révéler le code hexadécimal
Le code apparaîtra dans le blanc au centre de l'application.
Étape 5. Double-cliquez sur le code hexadécimal et appuyez sur Ctrl+C
Cela copie le code hexadécimal dans votre presse-papiers.
Étape 6. Collez le code là où vous en avez besoin
Vous pouvez utiliser Ctrl + V pour coller le code hexadécimal où vous le souhaitez, comme dans votre code HTML ou CSS.
Méthode 3 sur 4: Utilisation d'Imagecolorpicker.com
Étape 1. Accédez à https://imagecolorpicker.com sur votre ordinateur, téléphone ou tablette
Vous pouvez utiliser cet outil gratuit pour identifier le code hexadécimal de n'importe quelle couleur dans une image téléchargée. Cette méthode fonctionnera dans n'importe quel navigateur Web, y compris ceux de votre Android, iPhone ou iPad.
Étape 2. Téléchargez une image ou entrez une URL
Vous devrez décider 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.
- Pour télécharger une image, faites défiler vers le bas et sélectionnez Téléchargez votre image, accédez à l'image sur votre ordinateur, votre téléphone ou votre tablette et sélectionnez l'option pour la télécharger.
- Pour utiliser un site Web, faites défiler jusqu'à l'option "Utiliser cette case pour obtenir le code de couleur HTML d'un site Web", entrez l'URL, puis cliquez ou appuyez sur Prendre le site Web.
- Pour sélectionner une image directe sur le Web au lieu d'un site Web entier, entrez l'URL de l'image dans la case "Utiliser cette case pour obtenir le code de couleur HTML d'une image via cette URL", puis cliquez ou appuyez sur Prendre une photo.
Étape 3. Cliquez ou appuyez sur la couleur souhaitée dans l'aperçu de l'image/du site
Cela affiche le code hexadécimal de couleur dans le coin inférieur gauche de l'écran.
Étape 4. Cliquez ou appuyez sur l'icône de copie pour copier le code hexadécimal dans votre presse-papiers
Ce sont les deux carrés qui se chevauchent à droite du code hexadécimal. Vous pouvez ensuite le coller dans n'importe quel fichier texte ou zone de saisie.
Méthode 4 sur 4: Utilisation de Firefox (pour les couleurs sur le Web)
Étape 1. Ouvrez Firefox sur votre PC ou Mac
Le navigateur Web Firefox est fourni avec un outil Pipette gratuit que vous pouvez utiliser pour identifier le code hexadécimal de n'importe quelle couleur sur le Web. Si vous avez Firefox, vous le trouverez dans le menu Démarrer (Windows) ou dans le dossier Applications (macOS).
- Vous pouvez télécharger Firefox gratuitement sur
- Firefox ne vous indiquera que la valeur d'une couleur sur un site Web. Vous ne pouvez pas l'utiliser en dehors du navigateur.
Étape 2. Accédez à un site Web contenant la couleur que vous souhaitez identifier
Assurez-vous que l'élément pour lequel vous avez besoin de la couleur est visible.
Étape 3. Cliquez sur le menu ☰
Ce sont les trois lignes horizontales dans le coin supérieur droit de Firefox.
Étape 4. Cliquez sur le menu Développeur Web
Un autre menu se développera.
Étape 5. Cliquez sur Pipette
Le curseur de votre souris se transformera en un grand cercle.
Étape 6. Cliquez sur la couleur que vous souhaitez identifier
Vous remarquerez la valeur hexadécimale de la mise à jour des couleurs en direct lorsque vous déplacez la souris vers l'emplacement. Une fois que vous aurez cliqué sur la souris, Firefox enregistrera le code hexadécimal dans votre presse-papiers.
Étape 7. Collez le code là où vous en avez besoin
Vous pouvez utiliser Contrôle + V (PC) ou Commande + V (Mac) pour coller le code hexadécimal dans votre fichier HTML, CSS ou tout autre type de fichier texte.
Des astuces
- 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é.
