图片调色板提取器 (Color Palette Extractor)
上传本地图片，利用 ColorThief 纯前端算法快速提取图片的主色调（Dominant Color）与前 10 种主导色彩配色方案，显示 HEX / RGB / HSL 精准色值，支持点击色块一键复制，支持一键导出精美调色卡图。图片全程在浏览器本地离线解析，不上传任何服务器，保护您的数据隐私。
点击选择图片，或拖放图片到此处
支持 JPG、PNG、WEBP、GIF、SVG、BMP，支持直接 Ctrl+V 粘贴截图
快速体验预设示例：
提取色彩数量：
5 色
8 色
10 色 (推荐)
12 色
16 色
采样精度：
尺寸: {{ imageDimensions.width }} × {{ imageDimensions.height }} px
文件名: {{ imageName }}
DOMINANT 主色调
{{ dominantColor.hex }}
RGB: {{ dominantColor.rgbStr }}
HSL: {{ dominantColor.hslStr }}
复制 HEX
复制 RGB
复制 HSL
{{ color.hex }}
{{ color.brightness }}%
{{ color.rgbStr }}
{{ color.hslStr }}
正在分析图片色彩分布并提取调色板...
调色卡图生成
将提取的配色与原图合成为高清调色卡图片
下载调色卡图片 (PNG)
复制调色卡到剪贴板
导出 JSON 数据
图片调色板提取器介绍
图片调色板提取器基于经典的 ColorThief (基于中位切分法 Modified Median Cut Quantization, MMCQ) 算法，能够智能识别并分析图像中的色彩分布权重，自动提取出最具代表性的主色调 (Dominant Color) 以及多达 16 种的主导色彩配色方案 (Palette)。
支持快速将色值转换为 HEX十六进制、RGB三原色、HSL色相饱和度亮度 等多种通用格式，方便设计师、前端工程师与插画师快速进行色彩拾取、界面配色搭配与灵感沉淀。
使用方法
- 上传图片：支持点击虚线框上传、拖拽本地图片文件到窗口，或者直接使用
Ctrl + V 粘贴剪贴板截图。
- 调整参数：可自由切换提取色彩数量（5色、8色、10色、12色、16色）以及调节采样精度。
- 色值复制：点击任意色块即可快速复制对应的 HEX 色值，或点击底部的 HEX / RGB / HSL 快捷按钮复制指定格式。
- 导出调色卡：点击“下载调色卡图片”按钮，系统会自动将图片缩略图与提取的色块、色值标签合成为一张设计感十足的调色板海报并保存到本地。
- 纯本地离线计算：所有像素分析与 Canvas 渲染均在本地浏览器内存中完成，零网络传输，保护隐私安全。
拓展时间: 2026-08-31 · 纯前端安全处理