Comment utiliser le sélecteur de couleur (compte-gouttes)?
Il est un outil très utile construit en chrome dev outil, que je viens de découvrir. Je ne sais même pas son nom, et je ne suis pas capable de le trouver sur google. Je dirais que c'est un pixel de l'inspecteur de l'outil.
Je trouve la méthode suivante comment l'utiliser:
1a. Inspecter un élément html avec la couleur d'arrière-plan.
1b. Définir la couleur d'arrière-plan d'un élément.
- Cliquez sur le sélecteur de couleur.
- Déplacez votre souris sur n'importe quel élément de la page (et non sur l'outil de dev)
Voir: http://skalar.darkware.hu/skalkaz/Chrome-Colorpicker.gif
Mes questions:
Qu'est-ce que ce nom de l'outil?
Comment l'utiliser facilement? La plupart du temps je n'aime pas la couleur, mais je veux inspecter les pixels d'une icône.
Est-il un raccourci de cet outil?
- C'est utile pour la copie et le niveau plus élevé de points de vue: chrome.google.com/webstore/detail/eyedropper-color-pick/...
- Répondu dans les commentaires ci-dessous; vous pouvez le trouver dans les outils de dev (sur l'onglet Éléments, sous que sur les "Styles" de l'onglet cliquez sur "couleur" de la règle, il y a un sélecteur de couleur sur le popup) Ce que je cherche, c'est un moyen sans la nécessité d'une règle de couleur, comme imaginez que vous voulez choisir une couleur à partir d'une image.
Vous devez vous connecter pour publier un commentaire.
Pour ouvrir la Pipette simplement:
Sa principale fonctionnalité est d'inspecter les valeurs de couleur des pixels en cliquant sur eux, mais avec ses nouvelles fonctionnalités, vous pouvez également voir votre page existante de couleurs de la palette ou de la conception des matériaux de la palette en cliquant sur les deux flèches de l'icône en bas. Il peut faire assez pratiques lors de la conception de votre page.
Il est appelé simplement l'outil pipette. Il n'y a pas de touche de raccourci pour ça que je suis au courant. La seule façon que vous pouvez utiliser dès maintenant en cliquant sur le sélecteur de couleur de la boîte dans les styles de la barre latérale, puis cliquez sur la page que vous avez déjà été en train de faire.
--c: red
, le plus simple pour obtenir une couleur bien dans votre devtools panneau.Actuellement, l'outil pipette n'est pas de travail dans ma version de Chrome (comme décrit ci-dessus), si elle a fonctionné pour moi dans le passé. J'entends qu'il est en train d'être mis à jour dans la dernière version de Chrome.
Cependant, je suis en mesure de saisir des couleurs facilement dans Firefox.
La couleur est copié dans votre presse-papiers, et de l'aide de l'outil pipette s'en va.
Dans le cas où vous ne pouvez pas obtenir l'aide de l'outil pipette pour travailler dans Chrome, c'est un bon travail.
Je trouve aussi qu'il est plus facile d'accès 🙂