SuperAPI AI 工具集

palette

前端与建站

查看项目

更新于 10-16 08:36

技能介绍

用途:根据一个品牌色自动生成完整的 50–950 色阶调色板,方便在设计系统和前端项目中使用。

主要能力:把输入色转换为 HSL,生成 50、100、200、300、400、500、600、700、800、900、950 共 11 个色阶。其中 500 为输入颜色本身;较浅色阶提高亮度并略微降低饱和度;较深色阶降低亮度、略微提高饱和度并把色相向蓝偏移;50 为带色相微调接近白色,950 为带色相微调接近黑色。

输出内容:CSS 自定义属性 --color-primary-50 到 --color-primary-950;Tailwind 配置扩展;十六进制值表;每个色阶相对白底和黑底的对比度。

质量检查:每个色阶需与相邻色阶视觉可区分;50 需能作为细微背景色使用;500–700 需在白色文字下通过 AA 对比度;800–950 需能用作深色模式表面色。

使用方式:命令为 /palette [hex-color],即传入一个十六进制颜色,例如 /palette 后可跟具体色值。

限制:资料未提供安装、部署、定价、平台及完整示例等信息。