Extractor de colores de marca

Sube un logo, la foto de un producto o una captura y obtén automáticamente sus colores principales, ordenados por cuánto ocupa cada uno en la imagen, con el código hex listo para copiar de cada uno.

  • Gratis
  • Sin registro
  • Funciona en tu navegador
brand-color-extractor

100 % privado — la imagen se analiza en tu navegador y nunca se sube.

Cómo funciona

Sube una imagen

Un logo, una foto de marca o una captura.

Elige cuántos colores

De 2 a 6 colores dominantes.

Copia los códigos hex

Cada muestra indica qué parte de la imagen ocupa.

Saca una paleta de color de una imagen que ya tienes

Un cliente envía un logo sin manual de marca, la web de un competidor tiene una combinación de colores que merece la pena estudiar, o quieres construir una página alrededor de la foto de un producto que ya tienes: en cada caso, los colores ya existen en algún sitio de una imagen, y la forma más rápida de reutilizarlos es extraerlos directamente en lugar de mirar una captura a ojo y adivinar códigos hex.

Cómo funciona

La imagen se reduce a un pequeño conjunto de colores representativos con un método de agrupamiento: cada píxel se agrupa con el color más cercano de entre unos centros, los centros se recalculan con la media de sus píxeles, y el proceso se repite hasta que los grupos se estabilizan. Lo que queda es un puñado de colores que mejor resumen toda la imagen, cada uno con la parte de los píxeles que representa, así que la muestra que ocupa más del logo o la foto se muestra primero.

Elegir cuántos colores

Un logo sencillo de dos colores solo necesita 2 o 3 muestras para captarlo por completo; una foto más cargada se beneficia de hasta 6. Si falta un color que esperabas ver, prueba a subir el número: puede estar presente pero ocupar tan poco que no consigue hueco con un ajuste más bajo.

Qué significa «dominante» aquí

El resultado refleja cuánta área de la imagen ocupa un color, no necesariamente lo que un diseñador llamaría el color de marca más importante. El fondo de un logo puede dominar por área mientras que un color de acento más pequeño lleva más peso de la identidad de la marca. Trata la paleta extraída como un punto de partida y elige las muestras que importan para tu uso, en lugar de asumir que la primera es siempre la correcta.

Límites y privacidad

Los logos muy pequeños, los degradados o las imágenes muy comprimidas pueden desviar ligeramente los valores hex exactos. La imagen se analiza por completo en tu navegador a un tamaño reducido por velocidad, y no se sube nada. Para construir una paleta completa a partir de uno de estos colores, usa el generador de paletas de color.

Preguntas frecuentes

¿Cómo saco una paleta de color de un logo?
Sube la imagen del logo. La herramienta agrupa sus píxeles en un puñado de colores representativos y muestra cada uno como código hex, ordenados por cuánto ocupan en la imagen.
¿Cuántos colores debo extraer?
2 o 3 para un logo sencillo, hasta 6 para una foto más cargada. Si falta un color, prueba con un número más alto.
¿El primer color es siempre el color principal de la marca?
No necesariamente. Es el color que ocupa más área, que a menudo es el fondo en lugar del color de acento más significativo.
¿Funciona con fotos, no solo con logos?
Sí. Funciona con cualquier imagen, incluidas fotos de producto, capturas de pantalla e ilustraciones.
¿Por qué los códigos hex no coinciden exactamente con lo que esperaba?
La compresión, los degradados y los bordes suavizados desvían ligeramente los colores de los píxeles, y el agrupamiento promedia colores parecidos entre sí.
¿Se sube mi imagen?
No. Se procesa por completo en tu navegador.