图片调色板提取 — 交付流程
图片调色板提取 — 交付流程：交付调色板前，先给每种颜色定好用途和名称，例如背景、卡片面、文字、强调和辅助色，并各附 HEX 和 RGB。
图片会在你的浏览器中分析。
或将一张图片拖放到此页面的任意位置
取色器和调色板提取
输入与输出示例
交付调色板前，先给每种颜色定好用途和名称，例如背景、卡片面、文字、强调和辅助色，并各附 HEX 和 RGB。
Chatcument 为每个色块提供可复制的 HEX 与 rgb(r, g, b) 文本，所以交付物是你自己整理的一份简短清单，比如 --color-bg: #F0F0D8; --color-text: #303030; --color-accent: #C04830; 等等。请选三到五种而不是全部八种，颜色越少，团队越容易统一应用。
比如咖啡馆老板希望菜单、网站和橱窗招牌保持一致，可以给设计师发一张照片、一份命名好的颜色清单，再加一句说明哪个色块用于文字、哪个用于强调。这样设计师不必猜测奶油色是页面底色还是卡片底色。
常见错误是只发色块列表的截图，这会丢失精确数值，也无法粘贴。请发文本。同一种颜色也不要在不同文件里叫不同的名字，只维护一张表，套件变化时加上版本后缀。
把来源图片和调色板放在一起保存，下一个人可以重新提取并看到相同的色块。用于印刷时，屏幕数值需要印刷厂打样确认；如果客户有官方品牌色，应以官方色为准，而不是提取出来的色调。
输入
Image with several dominant colors
输出
Palette swatches and color codes
提取的调色板只是来自一张图片的建议，品牌规范或无障碍审查仍可能改变它。
按任务选择工具 12
相关工具 13
图片调色板提取 — 交付流程使用方法
- 选择用于图片调色板提取 — 交付流程的图片。
- 点击像素或从提取的调色板中选择颜色。
- 复制准确的 HEX 或 RGB 数值。
快速说明
图片调色板提取 — 交付流程 可以做什么？
图片调色板提取 — 交付流程：交付调色板前，先给每种颜色定好用途和名称，例如背景、卡片面、文字、强调和辅助色，并各附 HEX 和 RGB。
如何使用 图片调色板提取 — 交付流程？
选择用于图片调色板提取 — 交付流程的图片。 点击像素或从提取的调色板中选择颜色。 复制准确的 HEX 或 RGB 数值。
如何使用 图片调色板提取 — 交付流程 的结果？
所选颜色和提取的调色板可立即按 HEX 和 RGB 复制。
发布编辑后的图片前需要检查什么？
重新打开导出文件，按实际使用尺寸检查像素尺寸、文件大小、小字、边缘和透明区域。缩放调整像素尺寸，压缩针对文件大小。放大不保证恢复缺失的细节。保留原图，以便更改设置后重新导出。