用途：为界面设计建立系统化、感知均匀且无障碍的配色体系。
主要能力与方法：
- 60-30-10规则：60%主色（背景、大面积）、30%次要色（卡片、分区）、10%强调色（CTA、激活状态、关键交互元素）。
- 系统化调色板生成：从一个品牌色出发，生成10级色阶（50最浅背景到900最深文字），依次标注背景、边框分割线、占位/禁用、次要文字、正文、主要交互、悬停、标题等用途。
- 功能色：错误/破坏（红）、警告（琥珀/黄）、成功（绿）、信息（蓝），每色至少需要浅（背景）、中（文字）、深（边框）三个值。
- 中性色：与品牌色相协调的灰阶；暖色品牌配暖灰，冷色品牌配冷灰；除非刻意粗野风格，不使用纯灰(#808080)。
- 感知均匀性：使用OKLCH或CIELAB而非HSL，在相同L值下测试颜色，因为人眼对绿色比蓝色更亮，黄色需比蓝色更深才显得“等亮”。
无障碍要求：WCAG AA下正文对比度至少4.5:1，大号文字（18px+或14px粗体）至少3:1，UI组件与图形对象至少3:1，装饰元素无要求。检查清单包括文本、图标、按钮文字、表单输入文字、占位符、焦点环可见性、链接与周围文字对比。
色盲：不可仅用颜色传达信息，红绿混淆最常见（约8%男性），需配合图标、图案或标签，并以红绿色盲滤镜测试。
深色模式：品牌色饱和度降低10-20%，背景用gray-900/gray-950而非纯黑，层级模型反转（越亮越高），阴影透明度降至接近零，确保强调色对比度足够，并在深色表面上测试全部反馈色。