Herramienta en línea de extracción de colores de imágenes por lotes

Qué hace esta herramienta y cómo usarla

¿Necesitas extraer una paleta de colores de varias imágenes para un proyecto de diseño o desarrollo? Esta herramienta te permite seleccionar hasta 30 imágenes y obtener por cada una un selector interactivo. Al hacer clic en la imagen, se muestrea el píxel exacto y se agrega su color HEX a la paleta. La capacidad inicial es de 10 colores, pero puedes ajustarla de 1 a 20 con los controles de más y menos.

Ejemplo concreto

Supón que cargas una imagen de un atardecer. La herramienta muestra 10 colores aleatorios de la imagen. Haces clic en el área del sol y se agrega el color #FFA500 (naranja). Si la capacidad está llena, se elimina el color más antiguo. Luego reduces la capacidad a 5 y se elimina el color más reciente si la paleta supera el nuevo límite. Finalmente exportas la paleta en CSS con variables SCSS.

Parámetros y procesamiento

• Máximo 30 imágenes por lote.
• Cada imagen: tipo MIME de imagen, máximo 25 MB y 24.000.000 de píxeles.
• Lote total: máximo 100 MB y 40.000.000 de píxeles.
• Capacidad por imagen: de 1 a 20 colores.
• Muestreo de píxeles: se toma el color del píxel renderizado en la vista previa. Las imágenes más grandes se reducen a 760x520 píxeles CSS antes del muestreo.
• No se calculan colores dominantes ni se agrupan colores similares; se conservan los repetidos.

Limitaciones

Esta herramienta no sube tus imágenes a ningún servidor; todo el procesamiento ocurre localmente en tu navegador. Sin embargo, no debes usarla para imágenes con información sensible si no confías en tu propio dispositivo. El muestreo se basa en los píxeles visibles en la vista previa, no en los píxeles originales sin escalar.

Preguntas frecuentes

¿Por qué al hacer clic en la imagen no se agrega el color que esperaba?

El color que se agrega es el del píxel exacto bajo el cursor en la vista previa. Si la imagen se redujo para caber en el área de vista previa, el píxel que ves puede no corresponder exactamente al píxel original. Además, si la capacidad está llena, se elimina el color más antiguo antes de agregar el nuevo, así que revisa el historial de la paleta.

¿Puedo aumentar la capacidad para tener más de 20 colores?

No, la capacidad máxima por imagen es de 20 colores. Si necesitas más, puedes exportar la paleta actual y luego seguir muestreando en una nueva sesión, pero no se pueden combinar paletas automáticamente.

¿Qué formatos de exportación están disponibles y cómo se nombran los archivos?

Puedes exportar en CSS (con variables CSS HEX, SCSS HEX y SCSS RGB), Código (valores HEX separados por comas sin # y un arreglo JSON), SVG y PNG. Los archivos SVG y PNG se descargan con el nombre del archivo de origen más '-palette'. CSS y Código se pueden copiar o descargar.