Firefox : comment identifier une couleur spécifique dans une page Web

Si vous êtes un designer, vous faites probablement attention à la conception des choses que vous utilisez, à la recherche d'inspiration ou d'idées que vous aimeriez adopter. Les sites Web ne sont pas différents et l'un des éléments clés de la conception de sites Web est l'utilisation de la couleur. Si vous repérez un site Web avec la couleur parfaite pour un projet sur lequel vous travaillez ou auquel vous pensez, vous voudrez probablement déterminer exactement de quelle couleur il s'agit. Bien que vous puissiez prendre une capture d'écran, l'ouvrir dans un éditeur d'images, puis examiner les valeurs RVB, ce processus est lent. Firefox a en fait un outil de sélection de couleurs intégré afin que vous puissiez gagner du temps et obtenir la valeur exacte dans le format de couleur HTML hexadécimal utilisé sur le Web.

Comment utiliser le sélecteur de couleurs

Le sélecteur de couleurs de Firefox se trouve dans la barre d'outils du développeur. Pour y accéder, cliquez sur l'icône du menu burger dans le coin supérieur droit, puis cliquez sur "Développeur Web" qui se trouve en quatrième position à partir du bas.

Firefox : comment identifier une couleur spécifique dans une page Web

Cliquez sur l'icône du menu burger dans le coin supérieur droit, puis cliquez sur « Développeur Web ».

Dans la liste des outils de développement Web, cliquez sur « Pipette » et l'outil Pipette s'ouvrira.

Astuce : L'outil Pipette ne peut pas être déplacé entre les onglets ou les fenêtres, alors assurez-vous de l'ouvrir dans l'onglet dans lequel vous souhaitez l'utiliser. Vous ne pourrez pas non plus faire défiler la page, alors assurez-vous que vous êtes dans au bon endroit sur la page. Bien que vous puissiez techniquement effectuer un zoom avant et arrière, cela entraînera la rupture du centrage du sélecteur de couleurs, ce qui le rendra beaucoup plus difficile à utiliser avec précision.

Firefox : comment identifier une couleur spécifique dans une page Web

Dans la liste des outils de développement Web, sélectionnez « Pipette ».

L'outil Pipette suivra votre souris à travers la fenêtre, alors déplacez le carré central en surbrillance sur la couleur que vous souhaitez sélectionner. Le niveau de zoom est suffisamment précis pour vous permettre de voir et de choisir facilement la couleur d'un pixel spécifique.

Le code de couleur HTML du pixel est affiché dans la petite case sous l'outil de zoom mais sera également copié dans le presse-papiers si vous cliquez sur la couleur que vous aimez. Sachez simplement que cliquer fermera le sélecteur de couleurs, vous obligeant à le rouvrir à nouveau si vous vouliez choisir plusieurs couleurs.

Firefox : comment identifier une couleur spécifique dans une page Web

Déplacez votre souris sur le pixel spécifique dont vous aimez la couleur, puis notez le code de couleur HTML ou cliquez pour le copier dans votre presse-papiers.



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.