Guía del Extractor de Paletas

Extraiga paletas de colores dominantes de imágenes JPG, PNG, WebP, AVIF, GIF, BMP o TIFF. Obtenga códigos HEX y RGB para cada color. Cada extracción se ejecuta localmente en su navegador: no se suben archivos a ningún servidor.

Lo que necesita

Navegador: Chrome, Firefox, Safari o Edge con soporte para OffscreenCanvas Formatos: JPG, JPEG, PNG, WEBP, AVIF, GIF, BMP o TIFF Límite: 20 MB por archivo (cualquier archivo que supere los 20 MB será rechazado) Cuenta: No se requiere Internet: No es necesario después de cargar la página

Cómo extraer su paleta

Abra el Generador de Paletas en su navegador. Arrastre su archivo de imagen desde su explorador de archivos y suéltelo en la zona de carga. Alternativamente, haga clic en el área de carga para seleccionar el archivo desde su dispositivo.

Verifique que el archivo esté por debajo del límite de 20 MB antes de cargarlo; los archivos que excedan este umbral serán rechazados. Seleccione cuántos colores extraer: 5, 8, 10 o 12. Menos colores producen paletas más limpias y utilizables.

Más colores capturan variaciones sutiles, pero pueden incluir diferencias menores que no son visualmente distintas. Haga clic en el botón de extraer. El algoritmo de cuantización procesa los datos de píxeles de la imagen en su navegador.

Agrupa los píxeles por similitud de color utilizando el agrupamiento k-means y calcula el color promedio para cada grupo. No se transmiten datos a través de la red. Revise la paleta extraída.

Cada color se muestra como una muestra visual con su código HEX y valores RGB. Haga clic en cualquier código de color para copiarlo en su portapapeles. Utilice estos códigos en sus proyectos de diseño, CSS o impresión.

Cómo funciona

El Generador de Paletas utiliza un elemento OffscreenCanvas y un algoritmo de cuantización de color para extraer los colores dominantes. Cuando sube una imagen, el navegador la lee directamente en la memoria a través de la API de archivos: no se produce ninguna carga en el servidor.

libvips crea un lienzo fuera de pantalla usando OffscreenCanvas y dibuja su imagen en su resolución nativa usando drawImage. Luego lee los datos de píxeles como una matriz RGBA usando getImageData, que devuelve un Uint8ClampedArray que contiene valores de rojo, verde, azul y alfa para cada píxel de la imagen. Para una imagen de 1920x1080, esto produce aproximadamente 8 millones de valores de color individuales.

El algoritmo de cuantización agrupa los píxeles por similitud de color utilizando el agrupamiento k-means. Inicializa k centros de grupo (donde k es igual al tamaño de paleta seleccionado), luego asigna iterativamente cada píxel al centro de grupo más cercano basado en la distancia euclidiana en el espacio RGB. Después de cada pase de asignación, recalcula cada centro de grupo como el promedio matemático de todos los píxeles en ese grupo.

Este proceso se repite hasta que los centros se estabilizan o se alcanza un número máximo de iteraciones. El resultado es un conjunto de colores representativos que capturan la identidad visual de la imagen.

Cada color se muestra como una muestra visual con su código HEX y valores RGB. libvips muestrea el color centroide exacto de cada grupo, asegurando que la muestra visual represente con precisión el promedio matemático de todos los píxeles en ese grupo.

Los archivos se procesan completamente dentro de su navegador utilizando OffscreenCanvas. Nunca se cargan en los servidores de ConvertCraft.

Cuando algo sale mal

La imagen no se carga: Su imagen supera el límite de 20 MB. OffscreenCanvas opera dentro de límites de memoria estrictos. Procesar imágenes de más de 20 MB requiere enormes búferes de píxeles sin comprimir en la RAM, lo que puede bloquear la pestaña del navegador.

La paleta contiene colores similares: La imagen tiene variaciones de color sutiles que el algoritmo trata como grupos distintos. Reduzca el tamaño de la paleta para obtener menos colores y más definidos.

Los colores no coinciden con lo que veo: El algoritmo extrae promedios matemáticos. Las diferencias perceptuales entre colores pueden no alinearse con la percepción visual. Pruebe con un tamaño de paleta diferente o use la herramienta cuentagotas en píxeles específicos.

La paleta es mayormente de un solo color: Su imagen está dominada por un solo color. El algoritmo representa fielmente la distribución de color de la imagen. Pruebe con una imagen diferente que tenga más variedad de color.

### ¿Cuántos colores puedo extraer?

La herramienta permite extraer 5, 8, 10 o 12 colores. Menos colores producen paletas más limpias. Más colores capturan variaciones sutiles, pero pueden incluir diferencias menores que no son visualmente distintas.

### ¿Puedo extraer colores de una región específica?

La versión actual analiza toda la imagen. Para extraer colores de una región específica, primero recorte la imagen usando el Convertidor de Imágenes o una herramienta de recorte dedicada, luego suba la versión recortada.

### ¿Es seguro extraer colores de imágenes privadas?

Sí. Los archivos se procesan completamente dentro de su navegador utilizando OffscreenCanvas. Nunca se cargan en los servidores de ConvertCraft.

Los datos de su imagen nunca salen de su computadora, lo que los hace completamente seguros contra la interceptación de red o el registro del lado del servidor.