色彩提取工具 / Color Extractor
从图片或设计文件中自动识别并展示画面中主要颜色。Automatically identify and display the dominant colors from design files.
Plugin 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
| Version | 1 |
|---|---|
| Created | December 29, 2025 |
| Last Updated | December 29, 2025 |
| Category | Accessibility tools |
| Creator | Xure |
| Stats | 5 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Accessibility tools category.
Stark - Contrast & Accessibility Checker
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥