Saca los colores dominantes de una imagen

Para que una página combine con una fotografía, o para recuperar los colores de una marca a partir del logotipo cuando nadie encuentra el manual de estilo.

Cargando la herramienta…

Cómo funciona

  1. Arrastra una o varias imágenes.
  2. Elige cuántos colores quieres.
  3. Copia el resultado como variables CSS (para páginas web) o como JSON.

Por qué no se sube nada

Todo lo que hace esta página lo ejecuta código que corre dentro de la pestaña de tu navegador, con el mismo motor que dibuja las páginas web. El archivo se lee del disco a la memoria de la pestaña, se transforma ahí y se vuelve a escribir como descarga. No se envía a ninguna parte: ni a nosotros, ni a terceros.

Compruébalo tú mismo

  1. Abre las herramientas de desarrollo del navegador (F12) y elige la pestaña «Red».
  2. Carga tu archivo y ejecuta la herramienta.
  3. Las únicas peticiones que verás descargan el código de la propia herramienta —y, en unas pocas herramientas pesadas, su motor de código abierto desde un CDN público—, más un pequeño aviso de visita a loreatec.jp (dirección y título de la página, nada más). Ninguna lleva tu archivo.

Compruébalo tú mismo →

Preguntas frecuentes

¿Cómo se eligen los colores?

Los colores parecidos se agrupan, y los grupos se ordenan según la parte de la imagen que ocupan, así que el primero es el que llamarías fondo. Para una misma imagen el resultado es siempre el mismo, algo que importa cuando estás fijando los colores de una marca.

¿Por qué la paleta sale algo apagada?

Porque cada muestra es la media de su grupo. Una foto con un logotipo rojo vivo sobre una pared gris grande es sobre todo gris, y el orden lo dice. Pide más colores para que salgan los detalles pequeños.

¿Puedo obtener el color exacto de un logotipo?

En un gráfico plano, sí: las zonas son uniformes, así que la media es el valor real. En una foto de un logotipo impreso, no: la luz cambia cada píxel, y el resultado es una aproximación cercana.

¿Se tiene en cuenta la transparencia?

Los píxeles transparentes se ignoran en lugar de contarse como blancos, así que un logotipo PNG sin fondo da los colores del logotipo y no una paleta dominada por el blanco.