图片颜色提取器

从图片中提取主要颜色,显示颜色占比,支持复制和下载颜色数据

最后更新: 2026/7/11
8

📌 使用说明:

  • 上传图片后自动提取主要颜色
  • 可调整提取颜色数量(3-20个)
  • 点击颜色卡片上的复制按钮可复制 HEX 颜色值
  • 点击"下载颜色数据"可导出 JSON 格式的颜色信息
分享:

使用说明

  1. 上传图片
  2. 工具自动分析主色
  3. 查看颜色值和比例
  4. 可复制颜色代码使用

核心功能

  • 1
    提取图片主色调
    上传图片后自动分析像素颜色分布,提取最具代表性的主色调和色板。
  • 2
    可调提取颜色数
    可设置提取的颜色数量(最多 8 种),控制色板的丰富程度。
  • 3
    HEX 和 RGB 格式
    每种颜色同时显示 HEX(如 #FF6B6B)和 RGB(如 rgb(255, 107, 107))两种格式。
  • 4
    一键复制颜色值
    点击任意颜色块即可将 HEX 值复制到剪贴板,方便直接用于设计工具或代码中。
  • 5
    导出颜色数据
    可将提取的颜色信息导出为 JSON 文件,包含主色、色板列表和图片尺寸信息。

适用场景

配色参考
从优秀设计作品中提取配色方案用于自己的设计。
品牌色提取
从Logo或产品图中提取品牌主色。

关联介绍

什么是颜色拾取

颜色拾取从屏幕任意位置获取颜色值。Eyedropper API可在网页中拾取;设计软件(Figma、Photoshop)有吸管工具;命令行用xcolor、grabc等。拾取结果通常是HEX或RGB格式。

什么是调色板提取

调色板提取从图片分析主要颜色。算法:K-means聚类、颜色直方图、八叉树量化。提取结果常用于:设计系统色彩定义、品牌色分析、图片主题识别。