Cómo extraer una paleta de colores de una imagen

Por qué reducir colores y extraer paletas

La reducción de color es la base de varios flujos de trabajo cotidianos. Un sistema de diseño parte de una paleta pequeña y deliberada, y tomar esos colores directamente de una imagen de referencia o un mood board mantiene la coherencia de la marca. Los formatos PNG indexado y GIF almacenan solo los colores que realmente usan, así que recortar una imagen a 32 o 64 colores puede reducir drásticamente el tamaño del archivo sin una pérdida de calidad evidente. El pixel art y los sprites de videojuegos suelen estar limitados a propósito a una paleta fija, y la serigrafía o la risografía cobran por tinta, por lo que el número de colores es un presupuesto estricto.

La alternativa —elegir colores a mano con un cuentagotas y copiar códigos hex uno por uno— es lenta e inconsistente. Un algoritmo que elige colores genuinamente representativos y te permite exportar todo el conjunto de una vez elimina ese trabajo tedioso y hace que el resultado sea reproducible en toda una serie de recursos.

Cómo funciona la cuantización median-cut

PaletteForge reduce colores con cuantización median-cut. En lugar de elegir colores al azar o ajustarlos a una cuadrícula fija, el algoritmo trata cada píxel como un punto en el espacio de color y luego divide ese espacio en dos repetidamente a lo largo de su eje más largo. Cada división se hace en la mediana, de modo que las regiones de color más densas se subdividen más. La paleta final se construye a partir del promedio de cada región, ponderado por cuánto usa la imagen realmente esos tonos, así un acento pequeño pero vívido no se pierde y un fondo plano y grande no queda sobrerrepresentado.

Dos propiedades lo hacen práctico. Primero, la correspondencia usa una distancia RGB ponderada perceptualmente, así que los colores similares se asignan a la muestra correcta y no al número bruto más cercano. Segundo, el proceso es totalmente determinista: la misma imagen con el mismo número de colores produce siempre la misma paleta. No hay IA ni aleatoriedad, lo que significa que el resultado es reproducible, útil cuando construyes todo un conjunto de iconos, marcos o sprites que deben compartir una sola paleta.

Paso a paso: de la imagen a la paleta

1. Carga una imagen: suelta un archivo en la página, haz clic para elegir uno o pega desde el portapapeles. No se sube nada; la imagen se procesa localmente.
2. Define el número de colores: elige 8, 16 o 32 con un clic, o escribe cualquier valor de 2 a 256. Los números bajos dan un resultado audaz, tipo póster; los altos preservan los degradados y los tonos de piel.
3. Elige un modo de tramado: Ninguno, Floyd–Steinberg u Ordenado (Bayer). Usa el control deslizante de antes/después para comparar al instante el resultado reducido con el original.
4. Inspecciona la paleta: cada color elegido aparece como una muestra con su valor HEX. Haz clic en cualquier muestra para copiar su código.
5. Exporta: descarga la paleta como HEX, CSS, JSON, GIMP .gpl o Adobe .ase, o guarda la imagen reducida como PNG con tu número de colores y tramado ya aplicados.

Tramado: Ninguno, Floyd–Steinberg u Ordenado

Reducir colores puede dejar bandas visibles en los degradados suaves: un cielo o una sombra suave se convierte en franjas duras. El tramado lo oculta entrelazando los colores disponibles de la paleta en un patrón fino que tu ojo vuelve a fundir en los tonos intermedios. PaletteForge ofrece tres modos para que ajustes la técnica a la imagen.

Usa Ninguno para ilustraciones planas, logotipos e interfaces donde quieres rellenos sólidos y limpios. La difusión de error Floyd–Steinberg dispersa el error de redondeo hacia los píxeles vecinos y suele dar el resultado más suave para fotografías y obras detalladas. El tramado Ordenado con una matriz Bayer 4×4 produce una textura de semitono nítida y regular, la opción clásica para pixel art y un grano deliberadamente retro y mecánico. Como el control deslizante se actualiza al instante, puedes sopesar suavidad frente a tamaño de archivo en tu propia imagen en lugar de adivinar.

Formatos de exportación y a dónde van

Una paleta solo es útil allí donde de verdad trabajas, así que PaletteForge exporta a los formatos que cada público espera. Para código, copia una lista HEX simple, propiedades personalizadas de CSS que pegas directo en una hoja de estilos, o JSON para alimentar un script de compilación o una canalización de tokens de diseño. Para pintura de código abierto, el formato GIMP .gpl se carga como una paleta con nombre en GIMP, Krita e Inkscape.

Para flujos de trabajo de Adobe y pixel art, el archivo .ase (Adobe Swatch Exchange) se carga directamente en Photoshop, Illustrator y Aseprite, incorporando tus colores como un grupo de muestras listo para usar. También puedes descargar la propia imagen reducida como PNG con el número de colores y el tramado ya aplicados, práctico para recursos indexados o una vista previa rápida. Eso convierte a PaletteForge en un único paso entre una imagen de referencia y una paleta lista para producción.

Tu imagen nunca sale de tu dispositivo

PaletteForge se ejecuta por completo en tu navegador usando la API Canvas. La imagen se decodifica en memoria, se cuantiza y se renderiza localmente; ningún archivo se transmite jamás a un servidor. Eso lo hace seguro para maquetas confidenciales, arte de videojuegos sin publicar y trabajo de clientes bajo NDA, donde subir a un servicio de terceros no es una opción.

No hay cuenta, ni inicio de sesión, ni límite de uso. Todo funciona desde la página que ya cargaste, y cuando cierras o recargas la pestaña, todo rastro desaparece. La herramienta es sin estado por diseño: no hay servidor al que enviar tus datos.