核心用法
该技能围绕无障碍色彩设计建立完整工作流，核心功能模块包括：
1. 对比度合规检测
- 严格遵循WCAG 2.1标准：正常文本需≥4.5:1（AA级）或≥7:1（AAA级），大文本/UI组件≥3:1
- 提供临界值参考：如
#767676（4.54:1）是白色背景上灰色文字的安全下限 - 警示纯色的陷阱：纯红
#FF0000仅4:1不达标，纯绿#00FF00（1.4:1）永远不可用作文本
2. 三层语义化架构
原始值（Primitives）→ 语义角色（Semantic）→ 组件应用（Component）
强制按功能命名（如text-primary而非text-blue），实现主题切换与暗色模式的无缝迁移。
3. 暗色模式深度系统
摒弃阴影改用表面亮度分层（surface-0至surface-3），推荐#0a0a0a替代纯黑以减少眼疲劳。
4. HSL色彩生成法
固定色相与饱和度，仅调整明度生成统一色阶（100-900），比RGB更直观。
显著优点
- 权威性极强：直接引用WCAG国际标准，数据精确到小数点后两位，拒绝"约等于"式合规
- 工程化完整：从设计token到开发落地的三层架构，适配CSS变量、Tailwind等主流方案
- 包容性设计：明确量化8%男性色盲群体影响，强制要求"色彩+图标/文字"双重信息编码
- 行业场景化：提供金融科技、医疗健康、电商等垂直领域的安全配色方案
- 反模式清单：总结7类高频错误（如灰400以下文字、仅透明度过渡的hover状态）
潜在局限
- 动态内容盲区：未涵盖视频、图表、数据可视化的色彩无障碍方案
- 工具链缺失：仅提供理论值与手动计算参考，无集成Figma/Sketch的插件或自动化检测CLI
- 文化语境局限：安全组合示例以西方行业惯例为主，未涉及亚洲市场偏好（如中国红色的特殊语义）
- 打印场景未覆盖：CMYK转换、灰度打印的对比度保留策略缺失
适合人群
| 角色 | 价值场景 |
|------|---------|
| UI/UX设计师 | 建立可维护的设计系统，规避合规风险 |
| 前端工程师 | 实现语义化token与暗色模式的技术方案 |
| 产品经理 | 理解无障碍的量化标准，推动团队合规改造 |
| 独立开发者 | 快速获取经过验证的行业配色，跳过试错 |
常规风险
- 过度依赖表格值：临界值（如
#767676）在OLED屏幕与低端显示器上表现差异大，建议预留0.5:1安全余量 - HSL感知非线性：相同明度值在不同色相下视觉亮度差异显著（如黄色300与蓝色300），需人眼校验
- 暗色模式反向失效：部分用户开启"高对比度模式"会覆盖自定义样式，需测试系统级辅助功能兼容性
- 文化符号误读：红/绿在部分亚洲语境代表喜庆/生机，直接套用"错误/成功"语义可能引发负面体验