图片取色 / 主色提取
上传一张图片,自动提取主色调并给出每色的 HEX / RGB 值与占比,可一键复制或复制成 CSS 变量, 也能把配色导出为 PNG 色卡。做海报、配色、漫剧素材调色时很实用。图片只在浏览器本地分析,不上传。
请先选择一张图片。
主色调
几点说明
提取方式:先把图片缩到小尺寸再做颜色量化统计,取出现频次最高的若干颜色,适合找主色与品牌色。
若需要从图上精确吸某个像素点的颜色,可用「图片取色器」;需要程序生成的成套配色,可用「配色方案生成器」。
使用说明
上传图片自动提取主色调,给出每色的 HEX / RGB 与占比,可复制或导出 CSS 变量与 PNG 色卡;图片只在本地分析。
- 选择一张图片,工具会立即缩略并分析。
- 选择要提取的颜色数量(4–12 色),列表按出现频次从高到低排列。
- 点某色的「复制」取色值,或「吸取」在预览上标记该主色。
- 需要带走整套配色时,点「复制 CSS 变量」或「导出色卡 PNG」。
常见问题
- 提取的颜色和肉眼感觉不太一样?
- 工具统计的是出现频次最高的颜色,大面积背景色往往排前,小面积的点缀色可能不出现。需要精确取某个像素,可用「图片取色器」。
- 为什么颜色数越少越“概括”?
- 颜色数少时会把相近颜色合并成主色,适合确定整体基调;颜色数多则保留更多层次,适合做完整色板。
- 透明背景的图片会怎样?
- 透明像素会被跳过,不参与统计,因此不会出现“透明色”,只统计可见区域的真实颜色。
- 能对 GIF / 大图使用吗?
- 可以,GIF 按第一帧分析。大图会先缩到小尺寸再统计,速度快且结果稳定。