Back to Plugins
IMG color extractor

IMG color extractor

Extrae la paleta de colores dominante y secundaria de cualquier imagen

palettepalette generatorcolorcolor pickercolor schemecolor stylescolor extractor

Plugin Preview

IMG color extractor preview

About this plugin

🎨 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. 🚀

Plugin Details

Version3
CreatedDecember 15, 2024
Last UpdatedDecember 18, 2024
CategoryImport & export plugins
CreatorLeo Baraldi
Stats22 installs, 2 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://cdnjs.cloudflare.com
    • https://fonts.googleapis.com
    • https://fonts.gstatic.com