Back to Plugins
色彩提取工具 / Color Extractor

色彩提取工具 / Color Extractor

从图片或设计文件中自动识别并展示画面中主要颜色。Automatically identify and display the dominant colors from design files.

Plugin Preview

色彩提取工具 / Color Extractor preview

About this plugin

色彩提取工具是一款强大的 Figma 插件,帮助设计师快速从图片、纯色填充和渐变填充中提取主色彩。


核心功能:

🎨 智能颜色提取:自动分析图片像素,使用 LAB 颜色空间算法,精确提取画面中占比最多的颜色

🚫 智能过滤:自动识别并过滤灰度色,只显示彩色系颜色

📊 占比排序:颜色按在画面中的占比从高到低排序,占比最高的作为主色调

🌈 多类型支持:支持图片填充、纯色填充(SOLID)和所有类型的渐变填充(线性、径向、角度、菱形渐变)

📋 一键复制:支持快速复制十六进制色值到剪贴板

🎯 快速应用:选中图层后点击"应用"按钮,直接将颜色填充到图层

🖼️ 创建色块:双击颜色预览或点击"创建"按钮,在画布中创建颜色矩形,方便建立色板


使用场景:

从设计参考图中提取配色方案

从品牌图片中提取品牌色

从渐变中提取主要颜色

快速建立设计系统的色板

分析图片的色彩构成


技术特点:

使用 LAB 颜色空间计算颜色距离,更符合人眼感知

智能采样算法,平衡性能和准确性

保存原始颜色值,计算真实加权平均值,确保颜色准确性


Color Extractor is a powerful Figma plugin that helps designers quickly extract dominant colors from images, solid fills, and gradient fills.


Core Features:

🎨 Smart Color Extraction: Automatically analyzes image pixels using LAB color space algorithm to precisely extract up to 17 colors (1 primary + 16 secondary) with the highest proportions

🚫 Smart Filtering: Automatically identifies and filters grayscale colors, displaying only chromatic colors

📊 Proportion Sorting: Colors are sorted by their proportion in the image from high to low, with the highest proportion color as the primary tone

🌈 Multiple Type Support: Supports image fills, solid fills (SOLID), and all types of gradient fills (linear, radial, angular, diamond)

📋 One-Click Copy: Quickly copy hexadecimal color values to clipboard

🎯 Quick Apply: Click “Apply” button to directly fill selected layer with color

🖼️ Create Color Block: Double-click color preview or click “Create” button to create color rectangle on canvas for easy color palette creation


Use Cases:

Extract color schemes from design reference images

Extract brand colors from brand images

Extract main colors from gradients

Quickly build color palettes for design systems

Analyze color composition of images


Technical Features:

Uses LAB color space to calculate color distance, more aligned with human perception

Intelligent sampling algorithm balancing performance and accuracy

Saves original color values and calculates true weighted averages to ensure color accuracy

Plugin Details

Version1
CreatedDecember 29, 2025
Last UpdatedDecember 29, 2025
CategoryAccessibility tools
CreatorXure
Stats5 installs, 1 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none