为品牌与 UI 从照片构建调色板

适用场景

照片可指导强调色，但不要凭感觉点吸管：提取、分配角色，并用无障碍对比度流程验证。

要使用的工具

提取图片主要颜色。

打开 主色提取 →

步骤

  1. 1选择有代表性的取景（避开干扰背景）。
  2. 2提取主色并映射到主色、表面色等角色。
  3. 3用 WCAG 工作流校验文字/背景配对。
  4. 4落成设计令牌，减少线上近似色漂移。

示例

  • 年报头图衍生演讲稿强调色。
  • 门店视觉生成版块背景而无需手动画点。

应避免

  • 用一张不具代表性的裁剪定整本规范。
  • 正文使用高饱和色却不测对比度。
  • 印刷讨论没有屏幕白点参考。

相关工具

博客

图片工具 中的更多内容

所有任务指南 或前往 图片工具 专区.

常见问题

与像素吸管？

主色聚合区域；吸管只取一点，可结合使用。

渐变重的照片？

先简化场景再提取，否则容易发脏。

所有任务指南 · 图片工具 工具 · 博客