图片取色 — 交付流程
图片取色 — 交付流程：把颜色交给别人时，请同时记录四项：用途、HEX、RGB 文本和来源图片，这样没人需要猜这个数字从哪里来。
图片会在你的浏览器中分析。
或将一张图片拖放到此页面的任意位置
取色器和调色板提取
输入与输出示例
把颜色交给别人时，请同时记录四项：用途、HEX、RGB 文本和来源图片，这样没人需要猜这个数字从哪里来。
一个简单的表格就够：用途（主按钮）、HEX（#6D28D9）、RGB（109, 40, 217）、来源（logo-v3.png，大图形中央）。工具不显示像素坐标，所以请用文字描述位置，或在图片副本上做标记。开发者可以把 HEX 直接粘贴到 --brand-primary: #6D28D9; 这样的 CSS 自定义属性中，让全站只有一处定义。
比如小型工作室要根据客户的情绪板照片做网站，可以给开发者三行：背景、文字、强调色，各附来源文件。标志更新后，在新文件上重复相同的点击，只更新变化的行，版本之间就容易对比。
常见错误是在截图或聊天消息里传递没有名字的颜色，结果每个人重新取样时色调都会漂移。请把数值保存到共享样式表或设计令牌文件中，并给每个颜色一个约定好的名称。
原图要和表格放在一起保存，并注明屏幕数值不等于印刷数值。如果颜色要印刷，不要假定 HEX 能精确转换，应把同一色样交给印刷厂并要求打样。
输入
Pixel selected in an image
输出
HEX and RGB values
你交付的 HEX 和 RGB 只描述某张图片里的像素，不能取代官方品牌规范。
按任务选择工具 12
相关工具 13
图片取色 — 交付流程使用方法
- 选择用于图片取色 — 交付流程的图片。
- 点击像素或从提取的调色板中选择颜色。
- 复制准确的 HEX 或 RGB 数值。
快速说明
图片取色 — 交付流程 可以做什么？
图片取色 — 交付流程：把颜色交给别人时，请同时记录四项：用途、HEX、RGB 文本和来源图片，这样没人需要猜这个数字从哪里来。
如何使用 图片取色 — 交付流程？
选择用于图片取色 — 交付流程的图片。 点击像素或从提取的调色板中选择颜色。 复制准确的 HEX 或 RGB 数值。
如何使用 图片取色 — 交付流程 的结果？
所选颜色和提取的调色板可立即按 HEX 和 RGB 复制。
发布编辑后的图片前需要检查什么？
重新打开导出文件，按实际使用尺寸检查像素尺寸、文件大小、小字、边缘和透明区域。缩放调整像素尺寸，压缩针对文件大小。放大不保证恢复缺失的细节。保留原图，以便更改设置后重新导出。