Herramienta gratuita

Sacar la paleta de colores de una imagen

Suelta una foto y te devuelve sus colores dominantes con su código, listos para copiar. Útil para montar la identidad de un negocio a partir de una foto, o para elegir los filamentos de una pieza impresa.

Paleta de colores

🔒 100 % privado. Todo se procesa dentro de tu navegador: tus archivos no se suben a ningún servidor. Cualquier formato que abra tu navegador: JPG, PNG, WebP o GIF.

Paso a paso

Cómo funciona

  1. Suelta una imagen

    Una foto, un logotipo, una captura de una web que te guste.

  2. Mira los colores

    Salen ordenados del más claro al más oscuro, con su código.

  3. Cópialos

    Uno a uno, o todos de golpe como variables CSS.

Qué hace exactamente

La herramienta reduce la imagen, recorre sus píxeles y agrupa los colores parecidos hasta quedarse con un máximo de seis representativos. No coge los más repetidos, que darían seis tonos casi idénticos del mismo cielo: va partiendo la nube de colores por donde más se separa, y corta justo por el hueco más grande, que es lo que despega de verdad un color de otro. Además devuelve colores que existen realmente en la imagen, nunca una media inventada, y descarta los repetidos: si tu logotipo tiene tres colores planos, te dará tres, no seis variaciones del mismo.

Para qué sirve una paleta sacada de una foto

El uso clásico es de marca: tienes una foto de tu local, de tu producto o de un plato, y quieres que la web, las tarjetas y los carteles vayan a juego con ella. Sacar los colores de la propia foto garantiza que todo pegue sin tener que acertar a ojo. Los diseñadores lo usan también al revés, para analizar una referencia que les gusta y entender por qué funciona.

Y si imprimes en 3D, para elegir filamento

Aquí hay un uso menos evidente y muy práctico. Si vas a imprimir una pieza que acompañe a una marca, sacar la paleta de su logotipo te dice qué dos filamentos comprar. Y como para un código impreso lo que manda no es el color sino el contraste entre los dos, tener los códigos exactos te permite comprobar si la pareja que has elegido va a funcionar antes de gastar plástico. El botón de usar los colores en un código QR te lleva directo al generador con los dos primeros ya puestos.

Sobre los códigos HEX

Un código como #e8590c son tres parejas de dígitos que dicen cuánto rojo, cuánto verde y cuánto azul lleva el color. Es el formato universal: funciona igual en una hoja de estilos, en Word, en Canva, en Figma o en el panel de tu tienda. Por eso la herramienta te lo da en HEX y te deja copiarlo de un toque, además de ofrecerte el bloque entero como variables CSS si vas a usarlo en una web.

Dudas

Preguntas frecuentes

¿Se sube mi imagen a algún servidor?

No. Se lee dentro de tu navegador y no sale de tu ordenador en ningún momento.

¿Cuántos colores devuelve?

Hasta seis, que es lo que suele funcionar: bastantes para tener claros, oscuros y un par de acentos, y pocos para que la paleta siga siendo manejable. Si la imagen tiene menos colores de verdad, te dará menos: un logotipo de tres colores planos devuelve tres, no seis tonos casi iguales.

¿Puedo copiar los colores de golpe?

Sí, el botón de variables CSS te copia el bloque entero listo para pegar en una hoja de estilos.

¿Sirve con logotipos y no solo con fotos?

Sí, y de hecho con logotipos funciona todavía mejor, porque suelen tener pocos colores planos y muy definidos.

¿Los colores son exactos?

Sí: cada uno es un color que aparece de verdad en la imagen, no un promedio. Con colores planos, como los de un logotipo, el código que te damos coincide exactamente con el original. En una fotografía con degradados, cada color es el más representativo de su zona.

¿Qué es eso de usarlos en un código QR?

Te lleva al generador de códigos QR imprimibles en 3D con los dos primeros colores de la paleta ya puestos como base y código, para que la pieza vaya a juego con tu marca.

Todas gratis

Más herramientas

Todas funcionan igual que esta: dentro de tu navegador, sin registro y sin subir nada. Y todas traen exactamente las mismas siete funciones, para que ninguna se quede corta.

Funciones que incluye cada herramienta
FunciónQué significaEn todas
Arrastrar, elegir o pegarSuelta el archivo, búscalo o pégalo con Ctrl+V.
Varios a la vezTrabaja con una tanda entera, no de uno en uno.
Tres o más ajustesControlas el resultado, no te lo imponemos.
Vista previaVes lo que vas a descargar antes de descargarlo.
Descarga en loteTodo junto en un zip cuando hay más de un resultado.
Panel de resultadoTe dice qué ha pasado y te avisa de lo que conviene revisar.
Empezar de nuevoVacías y sigues sin recargar la página.
Tu descarga ya ha empezado