DeepSeal — 本地加密笔记应用,你的隐私只有你说了算。 免费下载 → ×
🎨

图片颜色提取

从图片中提取主色调,生成调色板,支持 HEX/RGB/HSL 复制。

P1
🎨
点击选择图片
提取主色调生成调色板,本地处理不上传

在线图片颜色提取工具

从图片中提取主色调,生成调色板,支持 HEX/RGB/HSL 三种格式复制。采用中位切分(Median Cut)算法对图片像素做颜色量化,与 Photoshop 调色板提取原理一致。所有处理在浏览器 Canvas 本地完成。

颜色提取算法原理

中位切分算法将图片所有像素映射到 RGB 三维色彩空间,然后递归地将色彩空间切分成若干个色块:每次选择最长维度,沿中位数切分。切分 N 次后得到 2^N 个色块,每个色块的代表色就是该色块内所有像素的平均色。这种算法既快又能保留图片的主要色彩特征。

提取颜色的用途

  • 主题配色:从品牌 Logo 提取主色,生成 UI 主题。
  • 设计参考:分析优秀设计作品的配色方案。
  • 插画取色:从参考照片提取色板用于插画创作。
  • 数据可视化:根据图片主色调生成图表配色。

颜色提取 常见问答

提取出来的颜色准确吗?
准确。本工具用中位切分算法对图片像素做颜色量化,提取最主要的几个色簇作为主色调。算法与 Photoshop 的"存储为 Web 所用格式"调色板原理一致。
为什么提取的颜色和我看到的差别大?
可能原因:图片颜色过于丰富时,算法只能取最主流的几个色簇,细节颜色会被忽略;图片有强烈的渐变或光泽,提取的是平均色。可调整提取数量(如从 5 色增到 10 色)获得更全面的结果。
支持提取几种颜色?
可自定义提取 3-12 种主色。较少的颜色适合做主题配色(如 5 色),较多的颜色适合做完整调色板分析(如 10-12 色)。
图片会上传吗?
不会。本工具用浏览器 Canvas API 读取像素数据,在中位切分算法中提取颜色,所有处理在本地完成,图片不会离开你的设备。

HyperGrad 生态还有这些站