图片取色 — 设置与质量
图片取色 — 设置与质量：取色器几乎没有设置，关键在于点击哪里，以及复制两种输出里的哪一种：设计软件和样式表用 HEX，需要分开通道的代码用 rgb(r, g, b)。
图片会在你的浏览器中分析。
或将一张图片拖放到此页面的任意位置
取色器和调色板提取
输入与输出示例
取色器几乎没有设置，关键在于点击哪里，以及复制两种输出里的哪一种：设计软件和样式表用 HEX，需要分开通道的代码用 rgb(r, g, b)。
HEX 始终是六位大写，例如 #6D28D9 等于 rgb(109, 40, 217)。粘贴到 CSS 自定义属性或设计软件时复制 HEX，之后要加透明度写成 rgba 时复制 RGB 文本。每个值都有独立的复制按钮，复制成功后会出现约一秒的对勾。
比如包装设计师要让标签颜色匹配一张纸箱照片，应该在同一色块里点三到五个位置并比较。PNG 中每个通道相差一两个单位属于正常，如果相差 10 以上，说明那里是渐变，或原图是被严重压缩的 JPG。
常见错误是只在阴影或高光处点一次就当作品牌色。请选平坦区域的中间调；遇到渐变，就分别记录起点和终点，而不是取一个平均值。
权衡一下：大图能让你更精确地落点，无损 PNG 每次给出相同数字；小 JPG 节省流量，但数值会漂移几个单位。重要的确认环节，请向品牌方要官方 HEX，取色器只用来核对。
输入
Pixel selected in an image
输出
HEX and RGB values
工具给出的是像素的精确数值而不是视觉感受，因此环境光和显示器校准不会改变它显示的数字。
按任务选择工具 12
相关工具 13
图片取色 — 设置与质量使用方法
- 选择用于图片取色 — 设置与质量的图片。
- 点击像素或从提取的调色板中选择颜色。
- 复制准确的 HEX 或 RGB 数值。
快速说明
图片取色 — 设置与质量 可以做什么？
图片取色 — 设置与质量：取色器几乎没有设置，关键在于点击哪里，以及复制两种输出里的哪一种：设计软件和样式表用 HEX，需要分开通道的代码用 rgb(r, g, b)。
如何使用 图片取色 — 设置与质量？
选择用于图片取色 — 设置与质量的图片。 点击像素或从提取的调色板中选择颜色。 复制准确的 HEX 或 RGB 数值。
如何使用 图片取色 — 设置与质量 的结果？
所选颜色和提取的调色板可立即按 HEX 和 RGB 复制。
发布编辑后的图片前需要检查什么？
重新打开导出文件，按实际使用尺寸检查像素尺寸、文件大小、小字、边缘和透明区域。缩放调整像素尺寸，压缩针对文件大小。放大不保证恢复缺失的细节。保留原图，以便更改设置后重新导出。