用途：在为网页、应用或品牌界面选择或审查颜色时使用，包括依据简报挑选品牌或网站色板、审查现有色板（可访问性、比例、视觉一致性）、从单一品牌色生成 50–900 色阶、在不放弃品牌色的前提下修复对比度问题，以及判断哪种色彩和谐关系适合简报（安静/活泼/高级/强 CTA）。不适用于设计系统整体审计（应加载 design-system / design-audit）、纯排版或布局任务（应加载 practical-ui-design / every-layout），也不用于仅从照片生成色板（可先用 coolors.co / Canva 再回到本技能细化）。
主要能力：产出并记录主色相（HSL 与 hex，支持 CSS Color 4 时可用 OKLCH）；每个品牌色的 10 步色阶（50、100、200、300、400、500 基准、600、700、800、900）；略微偏向主色的中性色阶；由和谐关系论证的强调色（1 个，可选 1 个辅助色）；60/30/10 使用比例方案；逐组文本/背景的 WCAG 对比度验证；以及融入品牌色板的语义色（成功、警告、错误、信息）。
使用方式：先定义简报（情绪词、受众、期望动作），若客户已有品牌指南则用其精确 hex 作为基准并跳到第 4 步。选取主色相后按决策表选择和谐关系（高级/极简/SaaS 用单色或类似色 + 1 中性色；平静/有机/健康用类似色；强 CTA 用分裂互补；运动/海报用互补；活泼/创意用三角；娱乐/杂志用四方并配强中性色）。生成色阶，规划 60/30/10 分布（背景/表面 60%、主品牌色 30%、强调色 10%），加入语义色，做 WCAG 验证（正文 4.5:1，大字号/UI 3:1），最后落地测试并按清单迭代。
限制与注意：主色相必须来自简报与受众而非生成器；可读性上明度比色相更重要，正文与背景明度需尽早锁定；品牌色很少能安全用作白底正文色，正文级品牌文字应使用 700–800 等更深色阶；颜色不能是唯一信号（错误需图标加文字、链接需下划线、状态需形状与标签）；修复对比度时应沿同一色阶移动明度、不要重选色相；60/30/10 是视觉权重平衡而非精确百分比，强调色不宜超过约 10%。常见反模式包括：无简报就由生成器选色、把“蓝=信任、红=危险”当作普适、用品牌色作白底正文、先做强调色、把 60/30/10 当精确测量、为修复对比度重选色相、等饱和度三角配色、在彩色站点用纯灰中性色、未记录最低 AA 色阶。本技能引用 Flux Academy 流程、WCAG 2.1 与 CSS Color 4（OKLCH），并附 references 目录（flux-process、harmonies、scales-and-models、wcag-contrast、common-mistakes）及相关后续技能。