如何查找图像中的像素颜色

← 所有博客文章

指南已更新:

检查图片中的颜色并复制显示的颜色代码。

点击工具名称下方的“如何使用此工具”链接即可打开本指南。这里提供电脑和手机的操作步骤、截图和视频。

打开工具 →

开始之前

当您需要可再现的文件颜色时,请使用源图像而不是颜色管理预览的屏幕截图。

尝试使用演示文件 — landscape.png

这些小文件是为本指南创建的,不包含个人数据。

分步说明

  1. 选择图像并等待颜色选择器预览。
  2. 将选取器移动或点击您需要颜色的区域。
  3. 检查所选样本和显示的颜色值。
  4. 复制提供的 HEX 或其他颜色表示,保持其符号完整。
  5. 将值粘贴到编辑器中,并将其与源图像的预期区域进行比较。

在电脑上

使用指针和可用的缩放控件选择精确区域,然后将颜色值复制到编辑器中。

在电话上

点击图像内部并检查所选颜色预览。当目标区域较小时,请小心缩放或重新定位页面。

在 iPhone 上的 Safari 中,打开共享菜单,然后选择“保存到文件”(如果结果在新选项卡中打开)。在 Android Chrome 中,检查“下载”。保持此选项卡打开,直到处理完成。

为了更好的结果

选择远离边缘和压缩伪影的均匀区域。相邻像素的值可能略有不同。

截图和视频

桌面演示

录音显示的是英文界面。按照上面翻译的步骤进行操作;控件的顺序相同。 该记录显示了工具中的演示输入和结果输出。

桌面演示
如何查找图像中的像素颜色 — 工具名称下方的使用指南链接 (在电脑上)
工具名称下方的使用指南链接
如何查找图像中的像素颜色 — 选择来源 (在电脑上)
选择来源
如何查找图像中的像素颜色 — 检查结果 (在电脑上)
检查结果

电话演示

录音显示的是英文界面。按照上面翻译的步骤进行操作;控件的顺序相同。 该记录显示了工具中的演示输入和结果输出。

电话演示
如何查找图像中的像素颜色 — 工具名称下方的使用指南链接 (在电话上)
工具名称下方的使用指南链接
如何查找图像中的像素颜色 — 选择来源 (在电话上)
选择来源
如何查找图像中的像素颜色 — 检查结果 (在电话上)
检查结果

问题和故障排除

为什么相邻像素不同?

抗锯齿、渐变、JPEG 压缩和纹理都可能产生较小的颜色变化。

为什么颜色在另一个屏幕上看起来不同?

显示设置、颜色配置文件和周围颜色都会影响外观。复制的数值不是显示校准。

如果您看到服务过载的消息,请等待并稍后重试。尝试失败并不意味着您的源文件已更改。

打开工具 →