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

Comment forcer Google Chrome à toujours afficher les URL complètes

Comment forcer Google Chrome à toujours afficher les URL complètes

Chrome, par défaut, ne vous montre pas l'URL complète. Vous ne vous souciez peut-être pas trop de ce détail, mais si, pour une raison quelconque, vous avez besoin d'afficher l'URL complète, des instructions détaillées sur la façon de faire en sorte que Google Chrome affiche l'URL complète dans la barre d'adresse.

Comment récupérer lancien Reddit

Comment récupérer lancien Reddit

Reddit a encore modifié sa conception en janvier 2024. La refonte peut être vue par les utilisateurs de navigateurs de bureau et réduit le flux principal tout en fournissant des liens.

Comment copier le contenu des manuels avec Google Lens

Comment copier le contenu des manuels avec Google Lens

Taper votre citation préférée de votre livre sur Facebook prend du temps et est plein d'erreurs. Découvrez comment utiliser Google Lens pour copier du texte de livres sur vos appareils.

Ladresse DNS du serveur de réparation est introuvable dans Chrome

Ladresse DNS du serveur de réparation est introuvable dans Chrome

Parfois, lorsque vous travaillez sur Chrome, vous ne pouvez pas accéder à certains sites Web et obtenez une erreur « L'adresse DNS du serveur fixe est introuvable dans Chrome ». Voici comment résoudre le problème.

Guide rapide sur la façon de créer des rappels sur Google Home

Guide rapide sur la façon de créer des rappels sur Google Home

Les rappels ont toujours été le point fort de Google Home. Ils nous facilitent sûrement la vie. Faisons un tour rapide sur la façon de créer des rappels sur Google Home afin de ne jamais manquer de faire des courses importantes.

Snapchat « Mes yeux uniquement » : ce que cela signifie et comment le configurer

Snapchat « Mes yeux uniquement » : ce que cela signifie et comment le configurer

Nous avons tous des Snaps que nous souhaitons garder privés, qu'il s'agisse de photos personnelles ou simplement de quelque chose que vous ne voulez pas que quiconque utilise votre téléphone puisse voir. Vous pouvez déjà créer des histoires privées sur Snapchat, et désormais, pour ces Snaps privés supplémentaires, vous pouvez protéger votre confidentialité sur Snapchat avec la fonctionnalité My Eyes Only Snapchat.

Comment installer ou déplacer des jeux PS5 sur un disque dur externe

Comment installer ou déplacer des jeux PS5 sur un disque dur externe

Votre disque de stockage interne de 825 Go de votre PlayStation 5 semble beaucoup, mais les jeux vidéo modernes peuvent être volumineux. De nombreux titres exigent plus de 50 Go, certains dépassant même 100 Go.

Comment utiliser le publipostage dans Gmail

Comment utiliser le publipostage dans Gmail

Lorsque vous souhaitez envoyer le même e-mail à vos clients, employés, membres de club ou à un groupe similaire, vous pouvez saisir un e-mail une fois et envoyer un message à tout le monde à l'aide de l'outil de fusion et publipostage Gmail. Autrefois surnommée fonctionnalité « envoi multiple », le publipostage dans Gmail vous permet d'insérer des contacts Google ou une liste de diffusion à partir de Google Sheets.

Netflix : changer le mot de passe

Netflix : changer le mot de passe

Comment changer votre mot de passe sur le service de streaming vidéo Netflix à l'aide de votre navigateur préféré ou de votre application Android.

Comment vider le cache sur les téléphones Samsung

Comment vider le cache sur les téléphones Samsung

Parfois, les applications peuvent se charger lentement, planter ou occuper trop d'espace de stockage. Effacer les données mises en cache de votre téléphone peut aider à résoudre ces problèmes et à libérer de l'espace pour d'autres fichiers importants.