SuperAPI AI 工具集

better-colors

通用与其它

查看项目

更新于 10-15 17:26

技能介绍

用途:面向网页项目的 OKLCH 色彩工作流,适用于已采用 OKLCH 的项目、新建色彩系统,或用户要求做颜色转换与调色板设计时。若项目已有既定的十六进制或 RGB 令牌与写法,应沿用而不引入第二套颜色表示法,除非任务本身包含色彩系统迁移。

主要能力:十六进制/rgb/hsl 转 oklch;生成色阶、多色相与深色模式调色板;APCA 与 WCAG 对比度检查及失败报告;处理 P3 回退、@theme 色阶与色域裁剪;语义令牌与颜色用途规范(一种颜色一个含义、仅主操作强调、外观变体)。交互探索可访问 oklch.fyi。

写法:oklch(L C H) 或 oklch(L C H / alpha)。L 为 0–1,C 为 0–约 0.4,H 为 0–360 度,alpha 为 0–1;L 与 C 保留三位小数,H 最多三位,去掉多余尾零并将 -0 写作 0;透明度使用斜杠语法。OKLCH 属 Baseline 2023,若兼容要求特别宽,应按目标项目的浏览器矩阵核对。

判定规则:若存在正式 WCAG 2.x 合规声明、法律或合同无障碍要求,或请求中点名 AA/AAA,则由 WCAG 比值裁定,Lc 作为佐证;其他情况由 APCA Lc 裁定,两者不一致时报告 WCAG 比值;无法判断是否有合规声明时用 WCAG。绝不可只报好看的数字。

常见限制与易错点:高彩度值在部分色相下会超出 sRGB 显示范围,需按 L/H 做色域裁剪;不同色相下用相同绝对 C 会显得鲜艳度不一致,应使用同一 C 百分比;HSL 色阶会出现色相漂移,应改用固定 OKLCH 色相重建;深色模式不能机械反转浅色板,需重新调节并逐对复检;缺失的令牌角色应新增令牌而非按值借用。