使用场景
- 想从商品主图里提取背景色或品牌色。
- 做头像、封面、海报时，需要复用已有图片的主色。
- 和设计、开发沟通时，需要给出准确色值，而不是只描述“浅蓝”“深红”。
推荐处理顺序
- 选择清晰原图，页面会先读取中心点颜色。
- 在目标实色区域点按或拖动，不要停在高光、阴影或渐变边缘。
- 需要精确定位时，聚焦图片后用方向键微调取色点。
- 网页和设计记录先复制 HEX；交接时可同时保留 RGB 和原图坐标。
- 对同一色块取样 2 到 3 个点，选择最稳定的值。
重点看哪里
- 透明边缘和阴影区域会偏色，尽量在实色区取样。
- 渐变色没有唯一色值，应说明取的是顶部、中部还是底部颜色。
- 品牌色不要只取一次，至少对照页面或成片效果确认。
- 若用于网页，优先 HEX；若用于界面开发，也常会同时需要 RGB。
常见错误与修正
- 错误：只取一次颜色就定稿。 修正：在同一色块内取多个点，选最稳定的值。
- 错误：把压缩后缩略图当源图。 修正：用清晰原图取色。
- 错误：忽略采样上下文。 修正：记录颜色来自哪个区域，避免别人误用到相邻色。
- 错误：从阴影或反光位置取样。 修正：改到受光均匀、没有透明边的区域取色。
进阶建议
- 把色值放回实际页面、封面或商品图里看一次，确认视觉效果和原图一致。