图片取色

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

本地处理免费使用
使用提示:上传后默认读取中心点;在实色区域点按或拖动取色,需要精确定位时可用方向键微调。
上传图片
取色结果
选择后自动读取中心点颜色
未取色
等待选择图片
选择后默认读取中心点,并在这里显示可复制色值。
快速处理

图片取色处理清单

  1. 01
    打开图片取色

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

  2. 02
    选择图片

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

  3. 03
    选择取色点

    在图片上点按或拖动;需要精确移动时,聚焦图片后使用方向键微调。

  4. 04
    复制色值

    网页和设计记录优先复制 HEX;需要完整交接时,复制全部色值和原图坐标。

相关指南和问题

工具说明4 节 展开收起
更新于 2026-08-10

适合哪些情况

适合确认背景色、品牌色、按钮色、证件照底色或商品主色。图片只在浏览器本地读取,不会上传。

怎么取色

  1. 选择 JPG、PNG 或 WEBP 图片,页面会先读取中心点颜色。
  2. 在目标实色区域点按或拖动;聚焦图片后可用方向键微调,按住 Shift 可加快移动。
  3. 同一区域取 2 到 3 个点,避开阴影、高光、透明边缘和压缩杂色。
  4. 网页和设计记录优先复制 HEX;透明图片同时核对 RGBA 和透明度,需要完整交接时复制全部色值。

结果怎么用

  • HEX 适合网页、设计稿和品牌色记录。
  • RGB 适合 CSS、截图标注和沟通对色。
  • RGBA 和透明度用于确认透明或半透明像素,避免把透明边缘误认为实色。
  • HSL、HSV 适合继续调整色相、饱和度和明暗。
  • CMYK 是屏幕颜色换算参考,正式印刷仍需按印厂规范确认。
  • 坐标按原图像素显示;大图为保护浏览器性能会缩小取样画布。

容易取错的位置

  • 阴影和反光会让颜色偏暗或偏亮,应换到受光均匀的区域。
  • 渐变色没有唯一色值,记录时要同时说明取样位置。
  • 透明边缘可能混入背景色,不适合作为标准色。
  • 压缩图片的色块边缘可能出现杂色,尽量使用清晰原图。