图片取色器 —— 从图片提取配色与吸取颜色
图片取色器帮你从任意图片里提取主色调色板，或像吸管一样吸取图上任意一个像素的颜色。看到喜欢的配色、产品图、照片，拖进来就能拿到整套 HEX，再一键送进配色生成器扩展成完整方案。设计猫全程浏览器本地分析，图片不上传。
图片取色是设计猫的免费在线工具，全程在你的浏览器本地完成：打开即用、做完即下载。文件不上传服务器，无需注册、无次数限制。
拖入图片，或点击选择
文件不离开你的设备
如何使用 图片取色？
- 1拖入一张图片（照片、海报、产品图都行）。
- 2自动提取 6 个主色，点色块复制 HEX。
- 3在图上移动鼠标实时取色，点击锁定某个像素颜色。
- 4点「拿去生成完整配色」把它带进配色生成器。
为什么用设计猫图片取色？
- 两种用法：自动提主色 + 手动吸像素，覆盖全部取色场景。
- 接力配色：一键把取到的色送进配色生成器扩成 5 色方案。
- 本地分析：图片不上传，隐私安全、即时出色。
常见问题
主色是怎么提取的？
设计猫对图片像素降采样后按颜色聚类、统计频次，再用最小色距去重，挑出最具代表性的 6 个主色——既覆盖画面主调，又避免一堆近似色挤在一起。
取色器能精确到一个像素吗？
可以。在图上移动鼠标会实时显示光标处的精确颜色，点击即可锁定，再点一次解锁继续取。
提取的颜色能直接做成配色方案吗？
能。点「拿去生成完整配色」跳到配色生成器，基于这些颜色按和谐规则扩展成可锁定、可导出 CSS 的完整 5 色方案。
和 Adobe Color 的取色比，区别在哪？
Adobe Color 功能强但偏重、需 Adobe 生态。设计猫更轻：拖图进来即提取主色 + 像素级吸管，纯浏览器本地分析、图片不上传，且能一键接力到配色生成器扩成完整方案。要轻量随手取色并马上用，设计猫更快；要深度色彩管理、与 Creative Cloud 打通，用 Adobe Color。
更新于 · 设计猫团队