Cómo Sacar una Paleta de Colores de una Imagen

Una buena paleta muchas veces nace de una imagen que ya te gusta: un arte conceptual, un fotograma, la foto de un lugar. Extraer sus colores da un punto de partida coherente para ilustraciones, interfaces o pixel art.

Cómo funciona

La herramienta de paleta reduce la imagen y agrupa píxeles parecidos con el algoritmo k-means, ponderando según cómo percibe el ojo el brillo. Cada color es el promedio de un grupo, y el porcentaje indica cuánto de la imagen ocupa.

Paso a paso

1. Arrastra una imagen (queda en tu navegador).
2. Elige la cantidad de colores: 5–6 para una paleta de ambiente; 12–16 para trabajar pixel art.
3. Haz clic en un color para copiar el HEX, o copia la lista completa.
4. Exporta como variables CSS o descarga un .gpl para GIMP, Aseprite, Krita o Inkscape.

Mejores paletas

• Recorta antes si hay bordes grandes o un cielo que domina.
• Prueba varias cantidades: la paleta de 6 no es parte de la de 12.
• Ajusta después: los colores extraídos son promedios y pueden verse apagados. Sube la saturación de los acentos y agrega un oscuro y un claro de verdad.

Para interfaces

Una paleta extraída es una referencia de estilo, no un sistema de color accesible: revisa el contraste de texto y fondo (WCAG pide al menos 4,5:1 para texto normal).

¿Trabajas con sprite sheets? Divídelos con la herramienta de sprite sheets.