图片取色器

上传图片后自动提取主色和配色板,点击预览图任意位置还能直接吸取该像素的 HEX、RGB、HSL 色值。

创建于 2026-06-13 | 最后更新 2026-06-15

主色板提取 点击像素取色 复制 HEX/RGB/HSL 浏览器本地处理
输入素材 本地处理

上传需要取色的图片

支持 JPG、PNG、WEBP、GIF、BMP。上传后可自动提取主色,也能点击预览图吸取任意像素颜色。

支持点击选择或直接拖拽到此区域,默认不会主动上传到服务器。

预览区域 支持继续调整
上传图片或粘贴 SVG 后,这里会显示处理预览。
尚未选择素材。
结果输出 可复制或下载

处理完成后,会在这里显示色值、尺寸、文件大小或下载按钮。

图片取色器适合做什么?

图片取色器适合网页设计、海报配色、UI 标注、品牌色整理和社媒素材拆解。上传图片后可以自动提取主色板,也可以点击预览图某个像素直接读取 HEX、RGB、HSL 色值,方便继续放到设计稿、样式表或配色文档里使用。

核心能力

  • 自动提取图片主色板,并按占比排序展示常见色值。
  • 支持点击预览图吸取任意像素颜色,输出 HEX、RGB、HSL。
  • 可调整提取色板数量和采样精度,兼顾速度与稳定性。
  • 所有颜色分析都在浏览器本地完成,适合设计和前端快速取色。

图片取色器常见问题

为什么提取出的颜色和肉眼看到略有差别?

工具会按采样后的像素做聚类和量化,适合快速提取主色板;如果要读取某个位置的精确颜色,直接点击预览图即可。

支持哪些色值格式?

当前会同时输出 HEX、RGB 和 HSL,方便网页样式、设计软件和标注文档使用。

图片会上传到服务器吗?

不会。图片分析在浏览器本地完成,默认不会主动上传图片内容。

创建于 2026-06-13,最后更新 2026-06-15。