图片取色
从图片提取主色调色板，或用取色器吸取任意像素颜色，复制 HEX。
🔒 浏览器本地处理 · 不上传
拖入图片，或点击选择
文件不离开你的设备
图片取色器帮你从任意图片里提取主色调色板，或像吸管一样吸取图上任意一个像素的颜色。看到喜欢的配色、产品图、照片，拖进来就能拿到整套 HEX，再一键送进配色生成器扩展成完整方案。Shape Cat全程浏览器本地分析，图片不上传。
如何使用 图片取色？
- 1拖入一张图片（照片、海报、产品图都行）。
- 2自动提取 6 个主色，点色块复制 HEX。
- 3在图上移动鼠标实时取色，点击锁定某个像素颜色。
- 4点「拿去生成完整配色」把它带进配色生成器。
为什么用Shape Cat图片取色？
- 两种用法：自动提主色 + 手动吸像素，覆盖全部取色场景。
- 接力配色：一键把取到的色送进配色生成器扩成 5 色方案。
- 本地分析：图片不上传，隐私安全、即时出色。
常见问题
主色是怎么提取的？
Shape Cat对图片像素降采样后按颜色聚类、统计频次，再用最小色距去重，挑出最具代表性的 6 个主色——既覆盖画面主调，又避免一堆近似色挤在一起。
取色器能精确到一个像素吗？
可以。在图上移动鼠标会实时显示光标处的精确颜色，点击即可锁定，再点一次解锁继续取。
提取的颜色能直接做成配色方案吗？
能。点「拿去生成完整配色」跳到配色生成器，基于这些颜色按和谐规则扩展成可锁定、可导出 CSS 的完整 5 色方案。
和 Adobe Color 的取色比，区别在哪？
Adobe Color 功能强但偏重、需 Adobe 生态。Shape Cat更轻：拖图进来即提取主色 + 像素级吸管，纯浏览器本地分析、图片不上传，且能一键接力到配色生成器扩成完整方案。要轻量随手取色并马上用，Shape Cat更快；要深度色彩管理、与 Creative Cloud 打通，用 Adobe Color。
更新于 · Shape Cat团队
来源、审核和限制
最后核验
2026-06-17
作者
Shape Cat editorial desk
审核
Brand asset review
主要来源
- 浏览器的 Canvas 与 SVG 导出 API
- 站内工具维护的配色与排版启发式规则
- 用户输入的品牌名、颜色与 prompt
品牌套件只是创意起点，不构成商标、无障碍或品牌策略方面的建议。正式启用前，请自行确认对比度、字体授权与法律合规。