素材阁

图片取色 / 主色提取

上传一张图片,自动提取主色调并给出每色的 HEX / RGB 值与占比,可一键复制或复制成 CSS 变量, 也能把配色导出为 PNG 色卡。做海报、配色、漫剧素材调色时很实用。图片只在浏览器本地分析,不上传。

请先选择一张图片。

主色调

    几点说明

    提取方式:先把图片缩到小尺寸再做颜色量化统计,取出现频次最高的若干颜色,适合找主色与品牌色。

    若需要从图上精确吸某个像素点的颜色,可用「图片取色器」;需要程序生成的成套配色,可用「配色方案生成器」。

    使用说明

    上传图片自动提取主色调,给出每色的 HEX / RGB 与占比,可复制或导出 CSS 变量与 PNG 色卡;图片只在本地分析。

    1. 选择一张图片,工具会立即缩略并分析。
    2. 选择要提取的颜色数量(4–12 色),列表按出现频次从高到低排列。
    3. 点某色的「复制」取色值,或「吸取」在预览上标记该主色。
    4. 需要带走整套配色时,点「复制 CSS 变量」或「导出色卡 PNG」。

    常见问题

    提取的颜色和肉眼感觉不太一样?
    工具统计的是出现频次最高的颜色,大面积背景色往往排前,小面积的点缀色可能不出现。需要精确取某个像素,可用「图片取色器」。
    为什么颜色数越少越“概括”?
    颜色数少时会把相近颜色合并成主色,适合确定整体基调;颜色数多则保留更多层次,适合做完整色板。
    透明背景的图片会怎样?
    透明像素会被跳过,不参与统计,因此不会出现“透明色”,只统计可见区域的真实颜色。
    能对 GIF / 大图使用吗?
    可以,GIF 按第一帧分析。大图会先缩到小尺寸再统计,速度快且结果稳定。

    延伸阅读

    相关工具