Saltar al contenido
Think Tecno

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

Si eres diseñador, probablemente prestes atención al diseño de las cosas que usas, buscando inspiración o ideas que te gustaría adoptar. Los sitios web no son diferentes y una de las partes clave del diseño de sitios web es el uso del color. Si encuentra un sitio web con el color perfecto para un proyecto en el que está trabajando o pensando, probablemente querrá averiguar exactamente de qué color es. Aunque puede tomar una captura de pantalla, abrirla en un editor de imágenes y luego mirar los valores RGB, este proceso es lento. Firefox en realidad tiene un selector de color incorporado para que puedas ahorrar tiempo y obtener el valor exacto en el formato de color HTML hexadecimal que se usa en la web.

Cómo utilizar el selector de color

El selector de color de Firefox se encuentra 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 abajo.


Haga clic en el icono del menú de hamburguesas en la esquina superior derecha, luego haga clic en “Desarrollador web”.

En la lista de herramientas de desarrollo web, haga clic en “Cuentagotas” y se abrirá la herramienta Cuentagotas.

Consejo: la herramienta Cuentagotas no se puede mover entre pestañas o ventanas, así que asegúrese de abrirla en la pestaña donde desea usarla. Además, no podrá desplazarse por la página, así que asegúrese de estar en el lugar correcto de la página. Si bien es técnicamente posible acercar y alejar, esto hará que el selector de color rompa el centrado, lo que hará que sea mucho más difícil de usar con precisión.


En la lista de herramientas de desarrollo web, seleccione “Cuentagotas”.

La herramienta Cuentagotas seguirá a su mouse a través de la ventana, así que mueva el cuadrado resaltado en el centro al color que desea seleccionar. El nivel de zoom es lo suficientemente preciso para que pueda ver y elegir fácilmente el color de un píxel específico.

El código de color HTML del píxel aparece en el cuadro pequeño debajo de la herramienta de zoom, pero también se copiará en el portapapeles si hace clic en el color que desee. Tenga en cuenta que al hacer clic se cerrará el selector de color, lo que le obligará a volver a abrirlo si desea seleccionar más colores.


Mueva el mouse al píxel específico cuyo color le guste, luego escriba el código de color HTML o haga clic para copiarlo en el portapapeles.