Cómo identificar un color en la pantalla de una computadora

Foto del autor

En Beez Publicamos una serie de artículos y tutoriales sobre cómo usar Internet, con guías Explicativas.

El mundo digital traduce los colores que nos rodean en simples combinaciones de letras y números. Para obtener cualquier color que desee, solo necesita obtener el código y puede replicarlo.

¿Te llamó la atención algún color específico mientras navegabas por la web? ¿O necesita usar un tono específico en su diseño para mantener las cosas consistentes? Aquí se explica cómo obtener el código RGB o HEX de cualquier píxel en la pantalla.

Identifique el valor RGB o HEX del color en la pantalla

Identificar el valor RGB o HEX de un color en la pantalla no requiere un ojo experto ni una herramienta costosa. En la PC, hay varias formas fáciles de obtener su código de color.

Usar una aplicación de escritorio

La primera forma de captar cualquier color en la pantalla es mediante una aplicación de escritorio. Es posible que ya tenga esta aplicación en su PC.

Cuentagotas instantáneo para Windows

Si necesita recoger códigos de color con frecuencia, tener una herramienta simple a mano le facilitará la vida. Instant Eyedropper es una aplicación gratuita solo para Windows a partir de ahora.

Después de instalarlo, podrá acceder a él desde la bandeja del sistema. Simplemente presione y mantenga presionado el botón izquierdo del mouse en el color de su elección y suéltelo. La aplicación copiará instantáneamente el código de color en su portapapeles y podrá pegarlo en cualquier programa que desee. gotero instantáneo funciona en Windows XP-10.

Medidor de color digital para Mac

Digital Color Meter es una herramienta similar preinstalada en dispositivos Mac. Abra su carpeta Aplicaciones y busque Utilidades. La herramienta Medidor de color digital debería estar allí.

Ejecutar esta aplicación convertirá su cursor en un cuentagotas que puede usar para capturar cualquier color en su pantalla. La aplicación mostrará los valores RGB por defecto. Puede copiarlos y convertirlos a HEX más tarde o ajustar las opciones para obtener el color exacto que desea.

SIP para Mac

Si necesita una herramienta más avanzada, puede consultar SIP, disponible para Mac. SIP es más que un selector de color. También ofrece una serie de características avanzadas que cualquier diseñador web apreciará. Puede editar fácilmente sus colores, organizarlos en paletas y cambiar sus formatos para satisfacer sus necesidades.

Desafortunadamente, Bebo No es una herramienta gratuita, pero ofrece una prueba gratuita. Puede probarlo para ver si las características adicionales valen su dinero.

LEER  Motor Trend OnDemand es como Netflix para el automovilismo británico

La ventaja de estas aplicaciones de escritorio es que pueden capturar color desde casi cualquier parte de la pantalla. Las herramientas del navegador a continuación solo pueden hacer esto dentro de las páginas web. Por supuesto, puede evitar esta restricción cargando una foto o una captura de pantalla para verla en su navegador.

usa tu navegador

La siguiente forma sencilla de obtener el color del código RGB o HEX es simplemente usar las herramientas integradas de su navegador. Solo podrá elegir colores en la página web en cuestión, pero puede usar Firefox y Chrome para esto.

Aquí es donde encontrar la herramienta de selección de color de Firefox:

  1. Inicie Firefox y abra el sitio web donde desea extraer un código de color.
  2. Haga clic en el menú de su navegador (tres líneas horizontales) en la esquina superior derecha.
  3. Encuentra herramientas de desarrollo web entre las opciones. Puede estar en «Más herramientas».

  4. Se abrirá una ventana en la parte inferior de la página. Busque el icono del cuentagotas y podrá copiar los códigos de color con un solo clic.

Los pasos son similares en Chrome:

  1. Inicie Chrome y abra el sitio web deseado.

  2. Haga clic en el menú (tres puntos verticales) en la esquina superior derecha y busque «Herramientas de desarrollador» en «Más herramientas».
  3. Se abrirá una ventana en el lado derecho de la página. Busque y haga clic en «Estilos» en la segunda sección.
  4. Debajo de «cuerpo», verá un montón de cuadros de colores. Haga clic en cualquiera de ellos para activar el selector de color.

Sugerencia: también puede abrir las herramientas de desarrollo en ambos navegadores haciendo clic derecho en cualquier página y seleccionando «Inspeccionar».

Usar una extensión de navegador

Además de las herramientas de desarrollo, también puede usar extensiones de navegador útiles para elegir cualquier color de una página web. Echa un vistazo a las siguientes extensiones que hacen el trabajo:

usar un sitio web

No necesariamente necesita una aplicación o extensión para identificar el código RGB o HEX de un color. Si tiene una imagen específica de la que desea obtener un color, también puede usar un sitio web. Numerosos sitios web le permiten cargar una foto, extraer un código de color o incluso generar una paleta armoniosa.

Selector de color de imagen de PineTools

Busque la herramienta Selector de color de imagen en la PinoHerramientas sitio web y sube tu imagen. Acérquese si es necesario para encontrar el píxel que desea capturar. Obtendrá los valores RGB y el código HEX con un simple clic.

selector de color de imagen

O selector de color de imagen sitio ofrece varias otras opciones además de cargar imágenes. Haga clic en «Usar su imagen» y elija dónde desea importar una imagen. Puede hacer clic en cualquier parte de la imagen para obtener un color específico, pero el sitio también sugiere una paleta de colores basada en la imagen.

LEER  Cómo borrar el caché de Excel

buscador de color de imagen

Además de un simple selector de color, buscador de color de imagen también puede funcionar como una herramienta creativa. Puede pixelar la imagen cargada para obtener una mejor visión general de sus colores y hacer zoom tanto como desee. El sitio también sugiere automáticamente algunos colores.

Tomar una captura de pantalla

Finalmente, puede identificar el código de color sin todas las herramientas mencionadas anteriormente. En su lugar, tomará una captura de pantalla y elegirá el color desde allí.

  1. Asegúrese de que el color que desea elegir esté visible en la pantalla.
  2. Tome una captura de pantalla presionando el botón Imprimir pantalla en su teclado (PrntScr, PrtScn, etc.) en Windows o presionando y manteniendo presionado «Shift + Command + 3» al mismo tiempo en Mac. Su captura de pantalla se copiará automáticamente en su portapapeles.

    Sugerencia: también puede capturar solo una parte de la pantalla. En Windows, abra la herramienta de recorte desde el menú Inicio. En Mac, usa el atajo «Shift + Command + 4».
  3. Abra MS Paint (o cualquier otra aplicación de procesamiento de imágenes) y pegue la captura de pantalla.
  4. Busque la herramienta cuentagotas y elija un color.
  5. Haga clic en «Editar colores» junto a la paleta de colores en MS Paint. Debajo del control deslizante, verá los valores RGB para su color actual.
    Para convertir estos números en un código HEX, necesitará la ayuda de un sitio web.
  6. conducir a RGB a hexadecimal e ingrese los valores en los campos apropiados.
  7. Haga clic en «Convertir a hexadecimal» y recibirá su código.

Preguntas frecuentes adicionales

¿Cuál es la diferencia entre RGB y HEX? ¿Cuál necesito?

Los códigos RGB y HEX expresan los mismos colores. Sin embargo, el código que necesitará depende de su uso previsto. Los códigos RGB le indican a la pantalla cuánta luz roja, verde y azul debe emitir para producir el color que desea. Los códigos HEX transmiten la misma información, pero en el lenguaje de codificación.

Es probable que un diseñador o desarrollador necesite los códigos de color HEX.

¿Cómo identifico un color en un dispositivo móvil?

Para elegir un color en la pantalla de su dispositivo móvil, puede descargar una aplicación o usar uno de los sitios web mencionados anteriormente. También hay una herramienta Selector de color para iOS dentro de la herramienta Marcado. También puede proporcionar el código HEX del color.

Consigue cualquier color que veas con un solo clic

El uso de códigos de color RGB o HEX garantiza que no haya posibilidad de error. Gracias a estos lenguajes de color universales, puede mantener la coherencia de sus diseños con los mismos tonos. Como hay muchas formas de extraer el código de color en la pantalla, solo necesita encontrar el método que sea más fácil para usted.

¿Qué herramienta de selección de color prefieres? ¿O tienes otro método confiable para agregar? Háganos saber a continuación.

Deja un comentario