Firefox: cómo identificar un color específico en una página web

Si eres dise√Īador, probablemente prestes mucha atenci√≥n al dise√Īo de las cosas que usas y busques inspiraci√≥n o ideas para adoptar. Los sitios web no son diferentes y una de las partes principales del dise√Īo de sitios web es el uso del color. Cuando encuentre un sitio web con el color perfecto para un proyecto en el que est√° trabajando o pensando, probablemente desee saber exactamente de qu√© color es. Si bien puede tomar una captura de pantalla, abrirla en un editor de im√°genes y luego ver los valores RGB, el proceso es lento. De hecho, Firefox tiene una herramienta de selecci√≥n de color incorporada que puede ahorrarle tiempo y obtener el valor exacto en el formato de color HTML hexadecimal utilizado en la web.

Usando el selector de color

Puede encontrar la selecci√≥n de colores de Firefox en la barra de herramientas del desarrollador. Para acceder a √©l, haga clic en el icono del men√ļ de hamburguesas en la esquina superior derecha, luego haga clic en ¬ęDesarrollador web¬Ľ, que es el cuarto desde la parte inferior.

Haz clic en el √≠cono del men√ļ de hamburguesas en la esquina superior derecha, luego haz clic en Desarrollador web.

En la lista de Herramientas de desarrollo web, haga clic en Cuentagotas. Se abre la herramienta de pipeta.

Consejo: el cuentagotas no se puede mover a trav√©s de pesta√Īas o ventanas. As√≠ que √°brelos en la pesta√Īa donde quieras usarlos. Tampoco puede desplazarse por la p√°gina. As√≠ que aseg√ļrese de estar en el lugar correcto de la p√°gina. Si bien t√©cnicamente puede acercar y alejar el zoom, hacerlo romper√° el centrado del selector de color, lo que har√° que sea muy dif√≠cil de usar con precisi√≥n.

Seleccione Eyedropper en la lista de herramientas de desarrollo web.

La pipeta sigue al ratón sobre la ventana. Así que mueva el cuadrado resaltado sobre el color que desea seleccionar. El nivel de zoom es lo suficientemente preciso como para que pueda ver y seleccionar fácilmente el color de un píxel en particular.

El c√≥digo de color HTML del p√≠xel se muestra en el cuadro peque√Īo debajo de la herramienta de zoom, pero tambi√©n se copia en el portapapeles cuando hace clic en el color deseado. Sin embargo, tenga en cuenta que al hacer clic se cerrar√° el selector de color y tendr√° que volver a abrirlo si desea seleccionar varios colores.

Pase el mouse sobre el píxel que le gusta el color y escriba el código de color HTML o haga clic para copiarlo en su portapapeles.

Deja un comentario