首页/图片工具/图片取色调色板

图片取色调色板 · 提取图片主色调色板

自动提取图片的主色调,输出 HEX 色值,一键复制到设计稿。

图片取色调色板 是什么

做设计时经常需要从一张参考图里提取配色:主色、辅助色、点缀色分别是什么,具体色值多少。凭肉眼猜色值既不准确也难以复现。本工具把图片缩放采样后做颜色量化统计,按出现频率输出主色调色板,并给出每个颜色的 HEX 值与占比,方便你直接复用。

使用方法

  1. 选择要取色的图片。
  2. 设置需要提取的颜色数量。
  3. 点「提取颜色」,点击色块即可复制色值。

常见问题

为什么提取的颜色和肉眼感觉不太一样?
工具按像素出现频率统计,大面积背景色往往占比最高。若想提取点缀色,可提高提取数量在列表中查找。
能提取指定位置的颜色吗?
当前版本提供整体主色提取。取单点颜色可用系统自带的取色工具或放大镜。
色值可以直接用在 CSS 里吗?
可以,输出的就是标准 HEX 格式,复制后直接写进样式表即可。

相关工具