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