SuperAPI AI 工具集

color-contrast

通用与其它

查看项目

更新于 10-15 21:36

技能介绍

用途:校验并生成满足 WCAG 2.1 对比度要求的无障碍配色,可检查现有调色板,或为任意颜色组合寻找合规替代方案。

主要能力:接收前景与背景色(支持 hex、rgb、oklch、hsl),计算相对亮度与对比度,报告 AA/AAA 在普通文本、大文本、UI 组件上的通过情况;不通过时给出最接近的合规替代色;给定调色板时可批量检查所有组合,并输出对比度矩阵。

WCAG 要求:AA 普通文本 4.5:1、大文本 3:1、UI 组件 3:1;AAA 普通文本 7:1、大文本 4.5:1、UI 组件 4.5:1。大文本指 18pt(24px)常规或 14pt(18.5px)粗体。

使用方式:提供前景与背景色即可得到比值与合规结论;失败时按建议调整明度。可与 color-scale 技能配合:先生成调色板,再检查文本色(900、800)与背景(50、100)、背景(500)与白/深色文本、相邻色阶边框等关键组合,必要时调整 chroma/lightness 并记录可访问配对。

适用场景:调色板无障碍验证、为背景寻找可访问文本色、检查品牌色是否达标、从 token 生成可访问配对。

限制:资料未提供具体安装命令、平台支持范围、收费与价格信息;算法与阈值以 WCAG 2.1 为准,实际结果取决于输入颜色值。