Herramienta gratuita

Generador de paleta de color a partir de una imagen

Sube una foto —un producto, una portada, una foto de tu local— y te llevas los colores que de verdad la componen, con su código, su contraste y el CSS listo para pegar.

  • Gratis y sin registro
  • Resultado al instante
  • Tus datos no salen del navegador

Arrastra aquí una foto o súbela desde tu equipo.

Paleta detectada

Aquí aparecerán los tonos principales de tu imagen, uno por uno, con su código y su contraste.

La imagen se reduce antes de analizarla para que el cálculo sea instantáneo; los colores que salen son los dominantes de la escena, no píxeles sueltos.

Cómo se usa

En tres pasos, sin instalar nada.

Todo el procesamiento ocurre en tu navegador: el texto que pegas no se envía a ningún servidor.

  1. /01

    Sube o arrastra una imagen.

  2. /02

    Copia los tonos que quieras y revisa el contraste.

  3. /03

    Descarga la paleta en CSS para tu marca.

Preguntas frecuentes

¿De dónde saca los colores?+

La imagen se reduce a un tamaño pequeño y se recorre píxel a píxel. Los tonos parecidos se agrupan en cajones, y de cada cajón sale su color medio ponderado por cuánto pesa y por su saturación, para que no gane siempre el gris del fondo.

¿Puedo usarla con la foto de un producto?+

Es uno de los mejores usos: subes la foto del producto y te llevas los colores reales de la escena, que luego puedes aplicar a la ficha, a la publicidad o a la web para que todo vaya en la misma línea.

¿El contraste que aparece es de verdad accesible?+

Comprobamos la relación de contraste del tono con texto blanco y con texto negro usando la fórmula de luminancia del estándar WCAG. Si una de las dos supera 4,5 a 1, ese par sirve para texto corriente sin problema.

¿Qué recorto al descargar el CSS?+

Un bloque con variables listas para pegar en tu hoja de estilos, con el nombre que hayas puesto y el formato de Tailwind 4, además de los valores HEX por si trabajas en otro sitio.

¿La imagen se sube a algún servidor?+

No. Se lee en tu navegador con un lienzo y se procesa ahí mismo. La foto no viaja a ningún sitio y desaparece al cerrar la pestaña.

Otras herramientas

¿Quieres que esto forme parte de una estrategia?

Te damos una primera lectura de tu marketing, sin compromiso.

Escribir por WhatsApp