IMG color extractor

About this plugin

[ES]

🎨 IMG Color Extractor

IMG Color Extractor es una herramienta diseñada para obtener la paleta de colores a partir de cualquier imagen. Mapea e identifica el color dominante y los secundarios según su presencia en la imagen.

Ya sea que estés creando un sistema de diseño, buscando inspiración para un nuevo proyecto o documentando colores, IMG Color Extractor simplifica tu trabajo, permitiéndote ahorrar tiempo y enfocarte en lo que realmente importa: la creatividad. ✨

Características Principales

1. 🌈 Extracción de Colores Precisa: Carga cualquier imagen (incluso formatos como WebP o SVG) y obtén el color dominante junto con una paleta secundaria, generada con la tecnología de Color Thief.
2. 📋 Copia Rápida al Portapapeles: Haz clic en cualquier bloque de color y copia su valor hexadecimal para usarlo directamente en tu diseño.
3. 🖌️ Creación de Estilos Agrupados: Envía la paleta generada a la librería de estilos de Figma con un solo clic, agrupando los colores bajo el nombre "IMGColorExtrator".

¿Cómo usarlo?

1. Carga tu Imagen: Haz clic en "Seleccionar imagen" y carga cualquier imagen desde tu dispositivo.
2. Visualiza la Paleta: La herramienta identifica el color dominante y los colores secundarios, mostrándolos como bloques interactivos para que puedas analizarlos fácilmente.
3. Copia los Colores o Exporta a Figma: Haz clic en cualquier bloque de color para copiar su valor hexadecimal al portapapeles. Presiona el botón "Enviar a mis estilos" para exportar la paleta a la librería de estilos en Figma, lista para ser reutilizada en tus proyectos.

Mejoras? Claro que si! déjame tus comentarios y recomendaciones. 🚀

[EN]

🎨 IMG Color Extractor img color extractor is a tool designed to extract color palettes from any image. it maps and identifies the dominant and secondary colors based on their presence in the image. whether you are creating a design system, looking for inspiration for a new project, or documenting colors, img color extractor simplifies your workflow, allowing you to save time and focus on what really matters: creativity. ✨

Key features

1. 🌈 Precise color extraction: upload any image (including formats like webp or svg) and get the dominant color along with a secondary palette, powered by color thief technology.
2. 📋 Quick copy to clipboard: click on any color block to copy its hex value for direct use in your designs.
3. 🖌️ Grouped style creation: send the generated palette to your figma style library with a single click, grouping colors under the name "imgcolorextractor."

How to use it?

1. upload your image: click "select image" and upload any file from your device.
2. View the palette: the tool identifies dominant and secondary colors, displaying them as interactive blocks for easy analysis.
3. Copy colors or export to figma: click any color block to copy its hex code. press the "send to my styles" button to export the palette to your figma library.

improvements? of course! leave your comments and recommendations. 🚀