Extraer color de una imagen

Selecciona colores exactos de píxeles de una imagen local y consúltalos en los formatos más habituales. Crea, compara, copia y exporta una paleta en el navegador.

Elegir una imagen

Utiliza un archivo de imagen local, arrástralo hasta aquí o pégalo desde el portapapeles.

Arrastra una imagen aquí PNG, JPEG, WebP, GIF, BMP o AVIF de hasta 25 MB y 24 megapíxeles.

Seleccionar un color

Haz clic o toca la imagen para seleccionar un píxel. Después, utiliza las teclas de flecha para moverte un píxel de origen o Mayús más una flecha para moverte diez píxeles.

Elige, arrastra o pega una imagen para empezar.

Colores dominantes de la imagen

Extrae una paleta compacta a partir de una muestra limitada de los píxeles visibles de la imagen.

Todavía no se ha extraído ninguna paleta de la imagen.

Paleta guardada

Los colores guardados permanecen disponibles mientras examinas esta imagen o cargas otra.

Guarda un color seleccionado, extraído o relacionado para crear tu paleta.

Qué hace esta herramienta

El selector de color de imagen lee el valor RGBA de un píxel concreto de una imagen rasterizada elegida localmente, arrastrada a la página o pegada desde el portapapeles.

Muestra el color seleccionado en HEX, RGB, HSL, HSV, HWB y CMYK y permite crear paletas guardadas, dominantes, relacionadas y armónicas.

Cómo usarla

  1. Elige, arrastra o pega una imagen PNG, JPEG, WebP, GIF, BMP o AVIF de hasta 25 MB y 24 megapíxeles.
  2. Haz clic o toca un punto de la imagen y utiliza la lupa o las teclas de flecha si necesitas seleccionar un píxel concreto con precisión.
  3. Consulta y copia los formatos de color y el valor alfa o guarda el color en tu paleta.
  4. Extrae colores dominantes, genera colores relacionados, compara dos colores o copia y exporta la paleta guardada según lo necesites.

Usos prácticos

  • Obtener los colores de una marca a partir de un logotipo cuando no se dispone de los códigos originales.
  • Muestrear colores de una interfaz desde una captura de pantalla y comparar dos valores similares.
  • Recopilar colores de fotografías, ilustraciones, imágenes de productos o detalles de degradados.
  • Preparar una lista reutilizable de valores de color para notas de diseño, variables CSS u otra documentación.

Notas y límites

  • La decodificación de la imagen, el análisis de píxeles y la creación de paletas se ejecutan en el navegador. La imagen no se guarda en el almacenamiento del navegador; únicamente se conservan allí los valores de la paleta guardada.
  • Los archivos están limitados a 25 MB y las imágenes decodificadas a 24 megapíxeles. La compatibilidad de formatos también depende de la capacidad del navegador para decodificar la imagen.
  • El nombre de color más cercano, la paleta dominante y la conversión CMYK son aproximaciones calculadas; los valores CMYK no utilizan ningún perfil de impresora o ICC. Usa el valor RGBA decodificado cuando necesites el valor exacto de un píxel.
  • El contraste y Delta E tratan los componentes RGB como opacos, mientras que el alfa se indica por separado. El resultado visible de un color translúcido depende del fondo.

Preguntas frecuentes

¿Se sube o guarda mi imagen?

No. La herramienta procesa la imagen seleccionada en el navegador y solo guarda los valores RGBA de la paleta mediante el almacenamiento del navegador.

¿Cómo puedo seleccionar un detalle muy pequeño de la imagen?

Selecciona un punto cercano y después elige una celda de la lupa de píxeles o mueve la selección con las teclas de flecha. Mantén pulsada Mayús junto con una flecha para avanzar diez píxeles de origen cada vez.

¿La herramienta conserva la transparencia?

Sí. El píxel seleccionado incluye un valor alfa y la detección de duplicados exactos compara el valor RGBA completo.

¿Los colores dominantes cuentan exactamente todos los píxeles de la imagen?

No. La paleta dominante resume una muestra limitada de píxeles visibles, por lo que ofrece una vista general extraída y no una lista de todos los valores distintos.

¿Puedo conservar los colores al cargar otra imagen?

Sí. Mantén activada la opción de conservar la paleta o desactívala para empezar con una paleta vacía al cargar la siguiente imagen.

Más herramientas de Colores

Ver todas las herramientas de Colores