免费图片主色提取

上传静态图片,获取按占比排序的主色,适用于设计、品牌与情绪板。可调色块数量,复制单个 HEX 或整组 CSS/JSON;与其他图片工具相同(单文件 60 MB,不支持动图 GIF)。

Loading…

如何使用

  1. 1

    打开图片调色板

    上传照片以发现主色。

  2. 2

    选择色块数量

    选择 4–12 个颜色,查看 HEX、RGB 与占比。

  3. 3

    复制 HEX 或 CSS

    粘贴到设计工具或样式表中。

要点

可离线?是,采样与聚类均在浏览器内完成。
会上传吗?不会,照片不离开本标签页。
与颜色转换区别?转换器输入已知色值;本工具从照片中发现主色。
准确度?边缘加权采样有助于提取界面截图中的文字与图标色,建议选 16–24 个色块。

典型用途

  1. 从照片提取主色 — HEX、RGB、CSS、JSON,仅本地处理。
  2. 可离线?: 是,采样与聚类均在浏览器内完成。
  3. 会上传吗?: 不会,照片不离开本标签页。
  4. 与颜色转换区别?: 转换器输入已知色值;本工具从照片中发现主色。
  5. 准确度?: 边缘加权采样有助于提取界面截图中的文字与图标色,建议选 16–24 个色块。

常见问题

颜色如何选取?

综合面积占比、高对比边缘(文字/图标)、饱和强调色与 12×12 网格分区,避免大背景盖住小面积 UI 颜色。

能复制到 CSS 吗?

可以 — 使用「复制 CSS 变量」得到 --palette-N 形式,或复制 JSON 供应用使用。

为何不支持 GIF?

动图需逐帧处理,本工具面向静态照片。

透明 PNG?

透明像素会跳过,避免干扰主色结果。

HEIC 照片?

在浏览器或解码器可读时支持,与其他图片工具相同。

每次结果相同吗?

同一图片与数量设置下结果稳定(在同一设备上)。