图片取色 — 输入准备

图片取色 — 输入准备:想得到可靠的像素颜色,请使用原始图片文件而不是截图,并点击颜色均匀的平坦区域,避开边缘和渐变。

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

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

请选择图片。

取色器和调色板提取

输入与输出示例

想得到可靠的像素颜色,请使用原始图片文件而不是截图,并点击颜色均匀的平坦区域,避开边缘和渐变。

Chatcument 只读取一个像素:点击图片时,会按图片原始分辨率读取指针下的那个像素,并以大写 HEX 代码和 rgb(r, g, b) 数值显示。它不会对周围取平均,所以该像素上的噪点或抗锯齿混色都会直接进入结果。

比如网页设计师要从客户发来的 PNG 标志里取品牌蓝。字母的边缘是与背景混合后的颜色,更稳妥的做法是点最大字母或图形中间实心填充的位置。

常见错误是在夜间模式、颜色滤镜或另一块显示器配置下截的图里取色,所有颜色其实已经变了。另一个错误是点到完全透明的区域,画布在那里会返回 rgb(0, 0, 0),并不是你想要的颜色。请选一个可见的不透明像素。

开始前确认三件事:文件是原始导出的;它是 PNG、WebP 或高质量 JPG,而不是被严重压缩的图;目标区域足够大,点击时不会碰到相邻颜色。然后在同一平坦区域点两个位置,确认得到相同的 HEX。

输入

Pixel selected in an image

输出

HEX and RGB values

数值来自浏览器解码后的图像,如果文件内嵌了特殊色彩配置,可能与设计软件略有差异。

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

快速说明

图片取色 — 输入准备 可以做什么?

图片取色 — 输入准备:想得到可靠的像素颜色,请使用原始图片文件而不是截图,并点击颜色均匀的平坦区域,避开边缘和渐变。

如何使用 图片取色 — 输入准备?

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

如何使用 图片取色 — 输入准备 的结果?

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

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

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