摘要：免费的在线图片取色器，上传图片自动提取主色调生成 8 色调色板与 HEX 色值，支持拖拽与粘贴上传，设计配色灵感必备，图片本地处理不上传。
本地工具可在 DevTools → Network 搜索输入内容，通常不会出现在请求中。
使用指南
从现有海报或截图提取主色，便于做配套 UI 或文档配色。本工具在本地分析图片颜色并列出色值，可复制到设计稿或 CSS——不是印刷测色仪，采样受压缩与屏幕色域影响。
1. 提取颜色
上传图片，查看提取到的主色列表，复制 HEX/其它格式到剪贴板。去掉干扰背景或先裁切主体，主色更稳。
- 上传图片。
- 查看主色列表。
- 复制需要的色值。
2. 采样偏差
JPG 压缩噪点、渐变天空、白边都会影响聚类结果。需要品牌准确色时，以设计规范色值为准，提取结果只作参考。
3. 下一步
用 color-palette-generator 扩展配色；用 color-contrast-checker 检查文字对比；色盲模拟做补充验证。
- 先裁主体再提取。
- 品牌色以规范为准。
- 上 UI 前查对比度。
4. 透明图
透明区域可能被当成某种底色参与统计。棋盘格预览下先铺白/黑底再提取，看哪个更符合预期。处理含个人信息或密钥的内容时，即使计算在本地完成，也要留意屏幕分享、录屏与下载文件的二次传播路径。
5. 性能
超大图可先缩小再提取，颜色分布通常足够，且更快。遇到异常输出时，先用最小可复现样例确认是输入问题还是选项组合问题，再考虑换相关工具衔接下一步，而不是一次性堆很多选项。
6. 版权与素材
只分析你有权使用的图片。提取色值不等于可随意商用原图。把来源与用途写进设计备注，避免素材纠纷。
常见问题
取色计算在本地进行、不经过网络，输入本身没有外泄路径；但请只分析你有权使用的图片，用完及时清理本地的截图与临时文件。
点击选择、拖拽上传或直接粘贴截图都可以；本地解析后自动提取主色，生成 8 色调色板并显示对应 HEX 值，一键复制。
正常。JPG 压缩噪点、大面积渐变、白边都会影响聚类结果；先裁掉干扰背景、只留主体会更稳。品牌准确色请以设计规范色值为准，提取结果仅作参考。
透明区域可能被当成某种底色参与统计。先给图片铺一层白色或黑色底再提取，对照哪种结果更符合预期。
超大图建议先缩小再提取——主色分布通常不受影响，速度却快得多。
常见链路：用调色板生成器扩展成套配色，用对比度检查器验证文字可读性，最后以色盲模拟器补充验证辨识度。
相关工具
相关文章
色盲怎么看你的配色：六种色觉类型的自检方法与安全色板
红绿色盲用户眼里你的界面什么样？介绍六种色觉障碍类型（红/绿/蓝色盲与色弱、全色盲）、矩阵模拟原理、配色自检清单，以及信息不止靠颜色传达的 WCAG 实践。附在线色盲模拟工具。
图片格式详解：JPG、PNG、WebP、HEIC 与 SVG——怎么选、何时转、如何转不损画质
图片格式选择的实用指南：五种格式各自擅长什么、压缩何时伤画质、透明通道为什么改变一切、浏览器转换的诚实边界，以及格式间转换的保质量规则。全部转换可在浏览器本地完成。
在线 Base64 转图片工具：将编码字符串还原为图片文件
学习如何将 Base64 编码字符串还原为图片文件。了解 Base64 解码原理、常见的 Base64 图片格式，以及在 Web 开发中的实际应用场景。