Extraer una paleta de colores

Crea una paleta determinista de 3 a 12 colores representativos de una imagen local, con HEX, RGB y proporciones aproximadas, y exporta CSS o JSON.

Cuándo es útil

Crear un conjunto inicial de colores para diseño, presentación, tema, panel de inspiración o revisión de accesibilidad sin subir la imagen.

Cómo funciona el proceso local

El navegador muestrea de forma determinista los píxeles decodificados, excluye los totalmente transparentes, agrupa colores cercanos mediante cuantización limitada, ordena los grupos e informa su proporción aproximada.

Cómo usarlo

  1. Preparar: Extraer una paleta de colores: Trabaja con una copia y confirma tamaño de 3 a 12, zonas transparentes, acentos pequeños, proporciones aproximadas, orden determinista y si conviene CSS o JSON. Conserva intacto el origen.
  2. Aplicar: Extraer una paleta de colores: Procesa localmente en el navegador. El navegador muestrea de forma determinista los píxeles decodificados, excluye los totalmente transparentes, agrupa colores cercanos mediante cuantización limitada, ordena los grupos e informa su proporción aproximada.
  3. Descargar y verificar: Guarda con otro nombre. Compara las muestras con regiones importantes del original en la pantalla prevista, revisa manualmente los acentos pequeños y toma los porcentajes como estimaciones cuantizadas.

Limitaciones importantes

Una paleta cuantizada y muestreada es aproximada, no enumera todos los colores; degradados, ruido, transparencia, perfiles y conversión de gama amplia pueden cambiar las muestras elegidas.

Verifica el resultado descargado

Compara las muestras con regiones importantes del original en la pantalla prevista, revisa manualmente los acentos pequeños y toma los porcentajes como estimaciones cuantizadas.

Privado por diseño

Tus archivos permanecen en este navegador. No subimos el origen ni el resultado a nuestros servidores.

Preguntas y respuestas

¿Cuándo conviene Extraer una paleta de colores?

Crear un conjunto inicial de colores para diseño, presentación, tema, panel de inspiración o revisión de accesibilidad sin subir la imagen.

¿Qué cambia Extraer una paleta de colores?

El navegador muestrea de forma determinista los píxeles decodificados, excluye los totalmente transparentes, agrupa colores cercanos mediante cuantización limitada, ordena los grupos e informa su proporción aproximada.

¿Qué límites y ajustes importan?

tamaño de 3 a 12, zonas transparentes, acentos pequeños, proporciones aproximadas, orden determinista y si conviene CSS o JSON. Una paleta cuantizada y muestreada es aproximada, no enumera todos los colores; degradados, ruido, transparencia, perfiles y conversión de gama amplia pueden cambiar las muestras elegidas.

¿Cómo verifico el resultado?

Compara las muestras con regiones importantes del original en la pantalla prevista, revisa manualmente los acentos pequeños y toma los porcentajes como estimaciones cuantizadas.

Herramientas relacionadas