图片主色提取器

使用本地 Canvas 量化图片色彩并提取主要颜色色板。

本地图片

提取色板

按图片像素频率排序。

输入与输出示例

本地 PNG、JPG 或 WebP6 个主颜色

如何使用

  1. 选择本地图片。
  2. 选择需要的主色数量。
  3. 复制提取的色板或 CSS 变量。

能力与限制

  • 浏览器本地处理
  • 按降采样和 RGB 量化统计主色,结果不等同于专业图像编辑器。
  • 图片只在浏览器内存和 Canvas 中处理。

常见问题

为什么细节颜色没有出现?
主色提取会优先保留出现频率较高的颜色,微小区域可能被量化合并。

相关指南

颜色格式与对比度:从 HEX 到可读的界面配色 ↗

相关工具

更新于 2026-10-17 · 项目与反馈说明