跳到主要内容
全部工具

图片取色

多图独立取色,复制色值或批量导出取色报告

本地处理免费使用
上传图片

图片取色怎么用

  1. 01
    打开图片取色

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

  2. 02
    选择图片

    选择最多 30 张 JPG、JPEG、PNG、WEBP 图片,页面会逐张读取中心点颜色。

  3. 03
    选择取色点

    切换缩略图,在各图上点按、拖动或使用方向键微调;每张保留自己的取色点。

  4. 04
    复制或导出色值

    复制 HEX 或完整色值;多图可导出合并 TXT,或下载每图一份 TXT 的 ZIP。

相关指南和问题

工具说明4 节 展开收起
更新于 2026-09-29

适合哪些情况

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

怎么取色

  1. 选择JPG、PNG或WEBP图片,最多30张,单张15MB、合计100MB;页面先读取各张中心点颜色。
  2. 在目标实色区域点按或拖动;聚焦图片后可用方向键微调,按住 Shift 可加快移动。
  3. 同一区域取 2 到 3 个点,避开阴影、高光、透明边缘和压缩杂色。
  4. 网页和设计记录优先复制 HEX;透明图片同时核对 RGBA 和透明度,需要完整交接时复制全部色值。
  5. 点选缩略图切换图片,已选色值会保留。可下载当前TXT、合并全部TXT,或打包每图一份的ZIP。

结果怎么用

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

容易取错的位置

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