Herramienta en línea de extracción de colores de imágenes por lotes
Extrae paletas de colores de hasta 30 imágenes a la vez. Muestrea píxeles, ajusta la capacidad y exporta en CSS, código, SVG o PNG.
Empezar a usar
Qué hace esta herramienta y cómo usarla
¿Necesitás 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 podés ajustarla de 1 a 20 con los controles de más y menos.
Ejemplo concreto
Suponé que cargás una imagen de un atardecer. La herramienta muestra 10 colores aleatorios de la imagen. Hacés 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 reducís la capacidad a 5 y se elimina el color más reciente si la paleta supera el nuevo límite. Finalmente exportás 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 MiB y 24.000.000 de píxeles.
- Lote total: máximo 100 MiB 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. 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 necesitás 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.
Se guarda solo RGB, sin alfa: un píxel transparente puede exportarse como color opaco. La reducción mantiene la proporción: 800×600 pasa a 693×520. Una nueva selección o el borrado elimina las paletas anteriores. Las muestras aleatorias pueden repetirse y cambiar en cada carga.
Por imagen: hasta 25 MiB y 24 000 000 de píxeles. Por lote: 100 MiB y 40 000 000 de píxeles. Si elegís más de 30 archivos o una imagen no válida, se rechaza todo el lote.
El procesamiento se realiza localmente en tu navegador.