Extractor de paleta de colores desde una imagen

Cómo funciona

Antes de construir una guía de estilo, un moodboard o una maqueta web a partir de una foto de inspiración o del logotipo de un cliente, a menudo hay que identificar sus colores dominantes de forma objetiva en lugar de a ojo. Esta herramienta analiza cada píxel de la imagen importada y agrupa los colores próximos para conservar solo los tonos más representativos, mostrados en forma de pastillas en las que se puede hacer clic.

¿Cuántos colores puedo extraer?

El campo «Número de colores» acepta un valor entre 1 y 20: cuanto más alto es este número, más matices finos de la imagen original restituye la paleta, mientras que un valor bajo (3 a 6) da una paleta sintética adaptada a una guía de estilo simple.

¿Los colores extraídos están en un formato directamente utilizable en CSS?

Sí, cada color se proporciona en formato hexadecimal (por ejemplo #3a7bd5), directamente utilizable tal cual en una propiedad CSS, un archivo de design tokens o una herramienta como Figma sin necesidad de conversión adicional.

Privacidad: el análisis de la imagen se realiza enteramente en tu navegador gracias a WebAssembly — tu imagen nunca se envía a un servidor.