Cómo encontrar un color de píxel en una imagen

← Todos los artículos del blog

Guía actualizada:

Inspeccione un color en una imagen y copie el código de color mostrado.

Abre esta guía desde el enlace «Cómo usar esta herramienta» situado debajo del nombre de la herramienta. Incluye pasos, capturas y vídeos para ordenador y móvil.

Abre la herramienta →

Antes de empezar

Utilice la imagen de origen en lugar de una captura de pantalla de una vista previa con gestión de color cuando necesite un color de archivo reproducible.

Pruebe con un archivo de demostración — landscape.png

Estos pequeños archivos fueron creados para esta guía y no contienen datos personales.

Instrucciones paso a paso

  1. Elija la imagen y espere la vista previa del selector de color.
  2. Mueva o toque el selector sobre el área cuyo color necesita.
  3. Verifique la muestra seleccionada y los valores de color mostrados.
  4. Copie el HEX ofrecido u otra representación de color, manteniendo intacta su notación.
  5. Pegue el valor en su editor y compárelo con el área deseada de la imagen de origen.

en una computadora

Utilice el puntero y los controles de zoom disponibles para seleccionar un área precisa y luego copie el valor del color en su editor.

en un teléfono

Toque dentro de la imagen y verifique la vista previa del color seleccionado. Haga zoom o reposicione la página con cuidado cuando el área objetivo sea pequeña.

En Safari en iPhone, abra el menú para compartir y elija Guardar en archivos si el resultado se abre en una nueva pestaña. En Android Chrome, marque Descargas. Mantenga esta pestaña abierta hasta que finalice el procesamiento.

Para un mejor resultado

Elija un área uniforme alejada de bordes y artefactos de compresión. Los píxeles vecinos pueden tener valores ligeramente diferentes.

Capturas de pantalla y vídeo

Demostración de escritorio

La grabación muestra la interfaz en inglés. Siga los pasos traducidos arriba; Los controles están en el mismo orden. Esta grabación muestra una entrada de demostración y la salida resultante en la herramienta.

Demostración de escritorio
Cómo encontrar un color de píxel en una imagen — El enlace a la guía debajo del nombre de la herramienta (en una computadora)
El enlace a la guía debajo del nombre de la herramienta
Cómo encontrar un color de píxel en una imagen — Seleccionando la fuente (en una computadora)
Seleccionando la fuente
Cómo encontrar un color de píxel en una imagen — Inspeccionando el resultado (en una computadora)
Inspeccionando el resultado

Demostración telefónica

La grabación muestra la interfaz en inglés. Siga los pasos traducidos arriba; Los controles están en el mismo orden. Esta grabación muestra una entrada de demostración y la salida resultante en la herramienta.

Demostración telefónica
Cómo encontrar un color de píxel en una imagen — El enlace a la guía debajo del nombre de la herramienta (en un teléfono)
El enlace a la guía debajo del nombre de la herramienta
Cómo encontrar un color de píxel en una imagen — Seleccionando la fuente (en un teléfono)
Seleccionando la fuente
Cómo encontrar un color de píxel en una imagen — Inspeccionando el resultado (en un teléfono)
Inspeccionando el resultado

Preguntas y solución de problemas

¿Por qué los píxeles adyacentes son diferentes?

El suavizado, los degradados, la compresión JPEG y la textura pueden producir pequeñas variaciones de color.

¿Por qué el color se ve diferente en otra pantalla?

La configuración de pantalla, los perfiles de color y los colores circundantes influyen en la apariencia. Un valor numérico copiado no es una calibración de pantalla.

Si ve un mensaje que indica que el servicio está sobrecargado, espere y vuelva a intentarlo más tarde. Un intento fallido no significa que su archivo fuente haya cambiado.

Abre la herramienta →