SuperAPI AI 工具集

color

通用与其它

查看项目

更新于 10-15 19:52

技能介绍

用途:在项目中选取、转换和修复颜色值,覆盖 OKLCH 色阶生成、色相与彩度调校、对比度修复、P3 色域处理以及语义化调色板角色分配。

主要能力:新颜色统一写成 oklch(),旧值按值转换;仅通过调整明度 L 修复对比度;按 APCA |Lc| 60 或 WCAG 2 AA 4.5:1 等阈值校验正文对比度;保证同一色阶内色相 H 偏差不超过 10°;彩度按各色相自身上限的百分比表达;整个界面只保留一个高饱和强调色;画布使用暖调近白而非 #fff;文字层级由同一中性灰的多个明度构成;用降低彩度而非透明度生成浅色;将彩度钳制到 sRGB 上限,并在 @media (color-gamut: p3) 中叠加广色域版本;角色绑定到色阶步骤,组件不直接引用步骤名;为 ::selection 设定样式。

使用方式:先阅读项目现有的颜色机制(:root 自定义属性、Tailwind v4 @theme 块、CSS-in-JS 主题对象或生成的 token 管线),在该层做修改;已有色阶则扩展而非另起一套。参考文档包括 converting-colors.md、building-scales.md、contrast.md、gamut-p3-tailwind.md。修改后按文件分组报告改动,列出旧值与新值及所违反的规则。

适用场景:调色板搭建与审计、对比度不达标修复、hex/rgb()/hsl() 迁移、Tailwind v4 主题调色板编写、跨 sRGB 与 P3 色域的颜色设计。

限制:第三方解析 hex 的配置(图表库、manifest.json、邮件模板)保留 hex;中明度背景(L 在 0.3 到 0.6 之间)需改背景而非前景;合同或审计指定 WCAG 2.x 时须满足其比值;中性色可向品牌色相偏移最多 4°;状态色需与品牌强调色区分;渲染摄影或色彩关键内容的画布需严格中性。变量命名与分层归属 design-tokens,暗色映射归属 dark-mode,本技能不负责。具体安装命令与价格资料暂未提供。