图片取色 — 故障排查

图片取色 — 故障排查:取到的颜色看着不对,常见原因有:点到了透明像素、点在边缘或渐变上、原图被压缩,或者拿它与其他应用里看到的颜色作了比较。

图片会在你的浏览器中分析。

或将一张图片拖放到此页面的任意位置

请选择图片。

取色器和调色板提取

输入与输出示例

取到的颜色看着不对,常见原因有:点到了透明像素、点在边缘或渐变上、原图被压缩,或者拿它与其他应用里看到的颜色作了比较。

如果明显不是黑色的地方结果却恰好是 rgb(0, 0, 0),很可能点到了 PNG 或 SVG 的完全透明区域,请改点可见图形的内部。看起来是单一颜色,却每次点击数字都略有不同,说明是 JPG 压缩噪点或柔和渐变,请多取几个点,采用中间值。

一个常见的咨询:市场人员说工具给出的 HEX 与设计文件里的颜色对不上。先别急着怪任何一方,应在两处比较同一个像素。色彩配置不同、用了截图、或使用了缩放过的副本,都可能让数值偏移。请重新打开原文件,再点一次同一个图形。

如果提示无法从此图像中取色,可以另存为 PNG 再试;如果提示无法读取图像,请检查文件是否为空、是否是 PNG、JPG、WebP、GIF、SVG、AVIF、BMP 之一。一次拖放多个文件会被拒绝,请只放一个。若浏览器阻止了剪贴板导致复制失败,请选中显示的数值手动复制。

大照片因为画布被缩小显示,看起来可能与记忆中的颜色不同。工具会把你的点击换算回真实像素位置,所以不必放大,但应避免点击极小的细节。

输入

Pixel selected in an image

输出

HEX and RGB values

画布中透明像素读出来是黑色,所以在透明区域得到黑色是图片本身的限制,不是取色器的错误。

按任务选择工具 12
相关工具 13
图片取色 — 故障排查使用方法
  1. 选择用于图片取色 — 故障排查的图片。
  2. 点击像素或从提取的调色板中选择颜色。
  3. 复制准确的 HEX 或 RGB 数值。

快速说明

图片取色 — 故障排查 可以做什么?

图片取色 — 故障排查:取到的颜色看着不对,常见原因有:点到了透明像素、点在边缘或渐变上、原图被压缩,或者拿它与其他应用里看到的颜色作了比较。

如何使用 图片取色 — 故障排查?

选择用于图片取色 — 故障排查的图片。 点击像素或从提取的调色板中选择颜色。 复制准确的 HEX 或 RGB 数值。

如何使用 图片取色 — 故障排查 的结果?

所选颜色和提取的调色板可立即按 HEX 和 RGB 复制。

发布编辑后的图片前需要检查什么?

重新打开导出文件,按实际使用尺寸检查像素尺寸、文件大小、小字、边缘和透明区域。缩放调整像素尺寸,压缩针对文件大小。放大不保证恢复缺失的细节。保留原图,以便更改设置后重新导出。