图片调色板提取 — 验证结果

图片调色板提取 — 验证结果:验证提取出的调色板,要把每个色块与来源区域对照,检查成对颜色是否易读,并确认复制的代码与你要粘贴到设计或代码里的值一致。

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

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

请选择图片。

取色器和调色板提取

输入与输出示例

验证提取出的调色板,要把每个色块与来源区域对照,检查成对颜色是否易读,并确认复制的代码与你要粘贴到设计或代码里的值一致。

先把色块与原图对照:把图片和色块并排,看每个色块是否确实出现在画面里。再用同页的取色器点击对应区域,因为有取整,色块与该像素每个通道应相差约 12 以内;差距更大,说明那里是渐变。

比如自由设计师交付风格板,可以把 HEX 值作为大方块贴到空白页,再把拟用的文字色放在拟用的背景色上。按无障碍指南,正文对比度要求不低于 4.5 比 1,大字不低于 3 比 1,任何对比度检测工具都能测量。

常见错误是以为调色板能证明对比度或品牌准确性。它只说明哪些颜色常见。淡黄色和白色都可能是照片里的真实颜色,放在一起却看不清,所以要测试组合,而不是单个色块。

最后复制一个 HEX 和一个 RGB 值,粘贴到草稿文件里核对是否一致:#D83030 应当是 rgb(216, 48, 48)。如果图片颜色很少,色块不足八个是正确行为,并不是错误。

输入

Image with several dominant colors

输出

Palette swatches and color codes

好看的调色板只是起点,无障碍和品牌匹配仍需各自检查。

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

快速说明

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

图片调色板提取 — 验证结果:验证提取出的调色板,要把每个色块与来源区域对照,检查成对颜色是否易读,并确认复制的代码与你要粘贴到设计或代码里的值一致。

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

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

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

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

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

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