用途:在 Web 项目中用 OKLCH 感知均匀色彩空间处理颜色,解决调色板断裂、对比度不达标、色相漂移等问题。
主要能力:颜色转换(hex/rgb/hsl 转 oklch);调色板生成(色阶、多色相、暗色模式);对比度检查(APCA/WCAG,并修复不达标对比度);色域与 Tailwind 处理(P3 回退、@theme 色阶、色域裁剪)。
语法与阈值:oklch(L C H) 或 oklch(L C H / alpha)。L 取 0–1,C 约 0–0.4,H 取 0–360,alpha 取 0–1。L 与 C 保留 3 位小数,H 最多 3 位,去掉末尾零,-0 写作 0。浏览器支持为 Baseline 2023、全球覆盖 96%+。关键阈值:L>0.6 视为浅色背景用深色文字;浅底时前景 L<0.35,深底时前景 L>0.9;色相跨度>10° 视为可见漂移;APCA 正文 |Lc|>=75(建议>=90),非正文>=60;WCAG 2 正文 4.5:1 AA、7:1 AAA;修对比度只调 L。
使用方式:按需查阅参考文件 color-conversion.md、palette-generation.md、accessibility-contrast.md、gamut-and-tailwind.md。输出颜色变更时用含 Before/After 列的 Markdown 表格,列出全部改动颜色。
限制与注意:并非所有 oklch 值都能映射到 sRGB,高彩度值可能被裁剪,需做色域检查;P3 颜色需加 @media (color-gamut: p3) 回退;避免新代码使用 hex/rgb/hsl、HSL 色阶漂移、跨色相用相同绝对 C、逗号写 alpha 等。具体安装命令与收费信息暂未提供。