图片取色 — 验证结果

图片取色 — 验证结果:验证取到的颜色,可以手算转换 HEX,把它粘贴到另一个工具,并把色样与原图中点击的位置放在一起对比。

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

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

请选择图片。

取色器和调色板提取

输入与输出示例

验证取到的颜色,可以手算转换 HEX,把它粘贴到另一个工具,并把色样与原图中点击的位置放在一起对比。

转换可以心算:每两位 HEX 是一个通道,#6D28D9 就是 6D=109、28=40、D9=217,必须与旁边显示的 rgb(109, 40, 217) 一致。如果两行对不上,说明复制自不同的点击。工具还会在代码旁画出色样,可以把它和屏幕上点击的区域挨在一起看。

比如品牌负责人审核横幅,可以把 HEX 作为方块贴到空白页或设计文件中,紧贴原图里的标志,看有没有可见的接缝。有接缝就说明取样点来自边缘、渐变或另一个图层。

常见错误是轻信第一个数字。请在同一平坦区域再点第二个、第三个像素:PNG 标志里它们应完全相同,JPG 里每个通道只应相差几个单位。再找一个已知是纯白或纯黑的像素做一次基本核对也很有用。

最后在实际场景里检查:把文字色按正常大小放在背景色上,看是否易读。正文按无障碍指南通常要求对比度不低于 4.5 比 1,可用任意对比度检测工具测量。

输入

Pixel selected in an image

输出

HEX and RGB values

屏幕上一致只证明数值无误;CMYK 或专色等印刷颜色仍需另外与印刷厂确认。

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

快速说明

图片取色 — 验证结果 可以做什么?

图片取色 — 验证结果:验证取到的颜色,可以手算转换 HEX,把它粘贴到另一个工具,并把色样与原图中点击的位置放在一起对比。

如何使用 图片取色 — 验证结果?

选择用于图片取色 — 验证结果的图片。 点击像素或从提取的调色板中选择颜色。 复制准确的 HEX 或 RGB 数值。

如何使用 图片取色 — 验证结果 的结果?

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

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

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