图片配色提取器

概述

图片配色提取器从上传的图片中自动分析并提取 6 种主要颜色，生成含 HEX、RGB、HSL 和 PANTONE 色号的调色板，并可一键导出为带图片的配色方案图片。适合平面设计师提取灵感图配色、网页开发者获取 CSS 颜色值、以及需要与印刷厂对接 PANTONE 色号的专业用户。

颜色提取与排列方式

工具使用基于色彩聚类的 ColorThief 算法分析图片像素，自动识别视觉上最显著的 6 种颜色（而非按出现频率排序），最终按色相顺序排列，呈现和谐的色彩渐变效果。每种颜色同时提供 HEX（如 #FF5733）、RGB（如 255, 87, 51）、HSL（如 9, 100%, 60%）三种格式，以及对应的英文色彩名称。

标准模式与 PANTONE 模式的区别

默认标准模式展示图片的实际提取颜色及其精确数值。开启 PANTONE 模式后，每个色块改为显示最接近的 PANTONE TCX 编号（如 17-1462 TCX）和标准名称（如 Flame），同时展示 PANTONE 官方色值而非图片的原始提取颜色。

PANTONE TCX（Textile Color eXtended）是纺织行业的色彩扩展标准，包含 2000+ 种标准色，广泛用于服装、纺织品和工业设计的跨媒体颜色沟通。

配色方案导出

点击 Export Image 按钮，工具将原始图片与 6 色色板合并渲染为一张 PNG 图片（2 倍分辨率），自动命名为 color-palette-{时间戳}.png。导出内容包含图片本身和每个颜色的色块与详细数值，可直接用于设计提案、社交媒体分享或作为颜色参考文件。

颜色格式参考

数字显示格式

  • HEX：CSS 与设计软件通用，格式 #RRGGBB
  • RGB：0–255 三通道，适合程序处理
  • HSL：色相/饱和度/亮度，符合人类颜色感知

印刷行业格式

  • PANTONE TCX：纺织与印刷标准色号
  • 用于与打印厂、染厂精确对接颜色
  • 需参考官方实体色卡确认最终结果

布局与隐私

工具根据上传图片的方向自动调整色板布局：竖图时色板显示在图片下方，横图时色板显示在图片右侧。所有处理完全在浏览器本地完成，图片不会发送到任何服务器，关闭页面后数据自动清除。