在线图片取色器：上传图片自动提取主色调，生成 8 色调色板与 HEX 色值，支持拖拽与粘贴，设计配色灵感必备，全部本地处理。
摘要：免费的在线图片取色器，上传图片自动提取主色调生成 8 色调色板与 HEX 色值，支持拖拽与粘贴上传，设计配色灵感必备，图片本地处理不上传。
此工具完全在您的浏览器中运行。打开 DevTools → Network 面板，搜索您的输入内容——它不会出现在任何请求中。
使用指南
从一张图提取主色调色板（8 色），本地解析、即时预览。做主题配色、找参考图用色、给设计稿找近似色值时，比肉眼取色快得多——图片同样不上传。
1. 怎么用
- 拖入任意图片（海报、截图、摄影图都行）。
- 工具分析像素分布，提取 8 个代表性主色。
- 查看色板，取用色值用于设计或开发。
2. 典型场景
- 从品牌物料（Logo、海报）提取色板，反推主题色和辅助色。
- 配图配文：给文章头图挑协调的文字底色与强调色。
- 设计走查：比对实现稿与设计稿的主色是否一致。
3. 取色结果怎么理解
提取的是「代表性聚类色」而非出现次数最多的字面色：照片里大量相近的中间调会被归并成一个代表色，所以结果比平均色更鲜活、比逐像素取色更稳定。做无障碍配色时注意：主色提取自图片不代表对比度达标，文字与背景的组合仍需按 WCAG 对比度核对。
常见问题
完全免费，无需注册。图片在浏览器本地解析，不会上传到服务器。
自动提取图片主色调，生成 8 色调色板并显示对应 HEX 色值，一键复制使用。
支持点击选择、拖拽上传与直接粘贴截图，本地即刻完成取色。
相关工具
相关文章
图片格式详解：JPG、PNG、WebP、HEIC 与 SVG——怎么选、何时转、如何转不损画质
图片格式选择的实用指南：五种格式各自擅长什么、压缩何时伤画质、透明通道为什么改变一切、以及格式间转换的保质量规则。全部转换可在浏览器本地完成。
在线 Base64 转图片工具：将编码字符串还原为图片文件
学习如何将 Base64 编码字符串还原为图片文件。了解 Base64 解码原理、常见的 Base64 图片格式，以及在 Web 开发中的实际应用场景。
颜色对比度不达标（WCAG），怎么调才过？
设计稿提示对比度不达标、WCAG AA/AAA 是什么、怎么快速算出对比度并调到合格？附本站颜色对比度检查与配色工具。