图片取色在线工具

点选图片颜色,查看并复制 HEX、RGB 色值

本地处理免费使用
结果预期:先选择稳定的取色区域,再取多个点对比,避开阴影、反光和透明边缘,减少色值误判。
上传图片
快速处理

图片取色处理清单

  1. 01
    打开图片取色

    进入 图片取色 页面,直接在浏览器里选择图片。

  2. 02
    选择图片

    选择 JPG、JPEG、PNG、WEBP 图片,页面会默认读取中心点颜色。

  3. 03
    点按或拖动取色

    在图片上点按或拖动到目标位置,查看对应的 HEX、RGB、HSL、HSV、CMYK 和坐标。

  4. 04
    复制色值

    优先复制 HEX;需要样式标注或设计沟通时,可复制全部色值。

相关指南和问题

适合哪些情况

适合从图片里确认背景色、品牌色、按钮色、边框色、证件照底色或商品主色。取色前要先判断哪里才是稳定颜色区域,不能随手点阴影、反光或压缩噪点。

推荐处理顺序

  1. 先确定要取的颜色用途,例如背景、按钮、文字、边框或证件照底色。
  2. 在图片里选择颜色最稳定的区域,例如徽标中心、背景主区域或按钮平面。
  3. 先取一个主色点,再在同一区域取2到3个点对比。
  4. 避开阴影、反光、高亮、透明边缘和压缩噪点。
  5. 复制HEX或RGB色值后,立即记录用途,避免后续混淆。
  6. 回到原图核对一次,看取到的颜色是否符合视觉感受。
  7. 如果用于网页或设计稿,再用目标背景预览一次。

重点看哪里

  • 同一颜色区域的多个点是否接近。
  • 白底、蓝底、红底是否因为光线导致局部偏色。
  • 品牌色不要从阴影或渐变边缘取。
  • 图片经过压缩后,色块边缘可能出现杂色。
  • 透明边缘的颜色可能混入背景,不适合作为标准色。

常见错误与修正

  • 直接取阴影点。修正:换到亮度均匀的区域重新取色。
  • 只取一个点就确定颜色。修正:同一区域取多个点对比。
  • 把高亮当主色。修正:回看原图,避开反光和高光。
  • 只复制色值不记录用途。修正:同时记录用途和来源图片。