De paleta de imagen a design tokens

Sube una imagen y la herramienta:

1. La reduce y aplica k-means para hallar los colores dominantes (3 / 5 / 8 / 12 a elegir).
2. Nombra cada color (numérico color1… o semántico primary/accent…) e indica su % de píxeles.
3. Opcionalmente genera una escala de tonos (Tailwind 50–950 o Material 100–900) manteniendo tono y saturación y variando la luminosidad.
4. Serializa el resultado en CSS variables, SCSS, configuración Tailwind, tokens JSON o los cuatro a la vez.

Elige un prefijo y un estilo de nombres, copia el código generado y tu sistema de diseño consumirá la paleta al instante.