Hay una herramienta muy útil integrada en la herramienta de desarrollo de Chrome, que acabo de descubrir. Ni siquiera sé su nombre y no puedo encontrarlo en Google. Diría que es una herramienta de inspección de píxeles.
Encuentro el siguiente método de cómo usarlo:
1a. Inspeccione un elemento html con color de fondo.
1b. Defina el color de fondo de un elemento.
- Haga clic en el selector de color.
- Mueva el mouse sobre cualquier elemento de la página (no en la herramienta de desarrollo)
Ver: http://skalar.darkware.hu/skalkaz/Chrome-Colorpicker.gif
Mis preguntas: ¿Cuál es el nombre de esta herramienta? ¿Cómo usarlo fácilmente? La mayoría de las veces no me importa el color, pero quiero inspeccionar los píxeles de un icono. ¿Existe una tecla de acceso rápido de esta herramienta?
google-chrome-devtools
Skalár Wag
fuente
fuente
Respuestas:
Para abrir el cuentagotas simplemente:
Su funcionalidad principal es inspeccionar los valores de color de los píxeles haciendo clic en ellos, aunque con sus nuevas funciones también puede ver la paleta de colores existente de su página o la paleta de diseño de materiales haciendo clic en el icono de dos flechas en la parte inferior. Puede resultar bastante útil al diseñar su página.
fuente
Se llama simplemente la herramienta Cuentagotas. No hay ninguna tecla de método abreviado que yo sepa. La única forma en que puede usarlo ahora es haciendo clic en el cuadro selector de color en la barra lateral de estilos y luego haciendo clic en la página como ya lo ha estado haciendo.
fuente
--c: red
, la forma más fácil de obtener una propiedad de color en su panel de devtools.Actualmente, la herramienta de cuentagotas no funciona en mi versión de Chrome (como se describe arriba), aunque funcionó para mí en el pasado. Escuché que se está actualizando en la última versión de Chrome.
Sin embargo, puedo tomar colores fácilmente en Firefox.
El color se copia en el portapapeles y la herramienta Cuentagotas desaparece.
En caso de que no pueda hacer que la herramienta Cuentagotas funcione en Chrome, esta es una buena solución.
También me resulta más fácil acceder :-)
fuente