Comment identifier une couleur spécifique sur une application ou un site Web

Imaginez que vous faites défiler des images et que vous trouviez la couleur parfaite - la nuance exacte dont vous avez besoin pour votre prochain projet de conception. Il existe des outils impressionnants sur Internet pour vous aider à identifier des couleurs spécifiques sur n'importe quelle application ou site Web. Jetons un coup d'œil à certaines des meilleures options entre eux.

1. Utilisation des outils de développement sur le navigateur Web Chrome

Une option que vous pouvez essayer est l'outil Chrome Developer. Chrome est livré avec de nombreuses fonctionnalités utiles pour les développeurs, ce qui facilite grandement les tâches. Vous pouvez utiliser les étapes suivantes pour identifier des couleurs spécifiques sur n'importe quelle application ou site Web.

  • Ouvrez le site Web sur lequel vous souhaitez identifier une couleur sur le navigateur Web Chrome
  • Cliquez sur l'icône à trois points en haut à droite de Chrome. Une fenêtre contextuelle avec un tas d'options apparaîtra.
  • Cliquez sur « Plus d'outils », puis sélectionnez « Outils de développement » dans la fenêtre contextuelle résultante.
  • Utilisez Ctrl + Shift + I si vous souhaitez ignorer les étapes ci-dessus
  • Maintenant, la fenêtre se divise en deux écrans – le site Web à gauche et le code du site Web à droite
  • Tapez Ctrl + Shift + C sur votre clavier. Cela vous montre tous les détails d'un élément particulier sur le site Web lorsque nous passons le curseur de notre souris sur les éléments.
  • Vous pouvez trouver le code couleur de l'élément ainsi que d'autres informations utiles.

Exemple

Disons que vous êtes intéressé par les codes couleurs spécifiques de certains éléments sur le site suivant :

Comment identifier une couleur spécifique sur une application ou un site Web

Vous pouvez choisir les outils de développement en cliquant sur les trois points dans le coin de votre écran. Dans le menu déroulant, sélectionnez Plus d'outils, puis Outils de développement.

Comment identifier une couleur spécifique sur une application ou un site Web

Comment identifier une couleur spécifique sur une application ou un site Web

L'écran sera visuellement divisé en deux pages. Vous verrez le site Web à gauche et le code du site à droite.

Comment identifier une couleur spécifique sur une application ou un site Web

Tapez la commande et le raccourci « Ctrl + Shift + C » et passez le curseur de la souris sur les éléments du site Web. Cela montrera la couleur de cet élément, ainsi que d'autres informations utiles. Ci-dessous deux exemples où l'on retrouve la couleur de la barre de navigation et un tableau de bord sous l'outil de recherche.

Ici, nous pouvons trouver le code de couleur sur la fenêtre contextuelle de la barre de navigation. Le code couleur est #333333.

Comment identifier une couleur spécifique sur une application ou un site Web

La couleur du tableau de bord peut être trouvée avec d'autres détails utiles. Couleur : #333333, Couleur de fond : #5D4A8E. Bien que cela puisse paraître un peu intimidant au début, le programme devient beaucoup plus facile à utiliser avec un peu de pratique.

2. Extension Chrome pour compte-gouttes

Eye Dropper est une extension Chrome populaire et largement utilisée pour vous aider à trouver certaines couleurs sur n'importe quel site Web ou application.

Comment identifier une couleur spécifique sur une application ou un site Web

Suivez les étapes ci-dessous pour identifier des couleurs spécifiques sur un site Web ou une application à l'aide de l'outil d'extension Eye Dropper.

  • Ouvrez n'importe quel site Web ou application sur le navigateur Web Chrome
  • Cliquez sur l'icône de l'extension Eye Dropper
  • Sélectionnez « Choisir la couleur de la page Web » et placez le curseur de votre souris sur différents éléments de l'application ou du site Web.

Comment identifier une couleur spécifique sur une application ou un site Web

Vous pouvez trouver le code couleur des éléments répertoriés en bas à droite de la page Web.

Exemple

D'accord, utilisons l'outil d'extension pipette dans un exemple réel. Nous allons commencer par ouvrir un site Web et cliquer sur l' icône de l' extension Eye Dropper

Comment identifier une couleur spécifique sur une application ou un site Web

Lorsque vous passez votre curseur sur divers éléments du site Web, vous pouvez voir les codes de couleurs apparaître dans une section en bas à droite de l'écran.

Comment identifier une couleur spécifique sur une application ou un site Web

Lorsque je passe mon curseur sur l'icône en forme de V, je peux voir son code de couleur dans la fenêtre du bas, comme mentionné. L'avantage de cet outil est que vous pouvez également trouver le code RVB ainsi que le code couleur hexadécimal de l'élément. La méthode est flexible à utiliser pour ceux qui veulent un moyen simple et rapide de saisir les codes de leurs couleurs préférées.



Leave a Comment

Fix: Les applications non épinglées continuent de réapparaître sur Windows 11

Fix: Les applications non épinglées continuent de réapparaître sur Windows 11

Si les applications et programmes non épinglés réapparaissent sur la barre des tâches, vous pouvez modifier le fichier Layout XML et supprimer les lignes personnalisées.

Comment supprimer les informations enregistrées de l'autocomplétion de Firefox

Comment supprimer les informations enregistrées de l'autocomplétion de Firefox

Supprimez les informations enregistrées de l

Comment réinitialiser doux et dur un iPod Shuffle

Comment réinitialiser doux et dur un iPod Shuffle

Dans ce tutoriel, nous vous montrons comment effectuer une réinitialisation douce ou dure sur l

Comment gérer vos abonnements Google Play sur Android

Comment gérer vos abonnements Google Play sur Android

Il existe tellement d\

Comment utiliser Samsung Pay avec le Galaxy Z Fold 5

Comment utiliser Samsung Pay avec le Galaxy Z Fold 5

Chercher la bonne carte pour payer peut être un vrai casse-tête. Découvrez comment Samsung Pay simplifie vos paiements avec le Galaxy Z Fold 5.

Comment supprimer l'historique des téléchargements Android

Comment supprimer l'historique des téléchargements Android

Lorsque vous supprimez l

Comment supprimer des photos et des vidéos de Facebook

Comment supprimer des photos et des vidéos de Facebook

Ce guide vous montrera comment supprimer des photos et des vidéos de Facebook en utilisant un PC, un appareil Android ou iOS.

Comment réinitialiser le Galaxy Tab S9

Comment réinitialiser le Galaxy Tab S9

Nous avons passé un peu de temps avec le Galaxy Tab S9 Ultra, et c’est la tablette parfaite à associer à votre PC Windows ou au Galaxy S23.

Comment désactiver les messages texte de groupe sur Android 11

Comment désactiver les messages texte de groupe sur Android 11

Désactivez les messages texte de groupe sur Android 11 pour garder vos notifications sous contrôle pour l

Firefox : Effacer l'historique des URL de la barre d'adresse

Firefox : Effacer l'historique des URL de la barre d'adresse

Effacez l