SuperAPI AI 工具集

build-color-palette

通用与其它

查看项目

更新于 10-16 05:49

技能介绍

用途:为界面建立完整、系统的配色方案,避免只用少量十六进制色值。输入为品牌色或设计情绪、UI 复杂度、所需语义含义(成功、错误、警告、信息)以及分类色需求(图表、日历、标签)。

主要能力:生成包含灰阶、主色、强调色三类的配色规范,为每个色阶分配角色和用法指南;对已有配色做通过/不通过评估。判定标准包括:灰阶 8-10 个、主色 5-10 个、每组强调色 5-10 个,色阶系统化且明确定义,层次清晰,文字对比度满足 WCAG AA(正文 4.5:1,大字 3:1),并使用明确十六进制色值而非透明度。

结构:灰阶为 UI 主体,从近白(#FFFFFF、#F9FAFB)到近黑(#111827)渐进;主色定义整体外观,含超浅到极深多档;强调色按语义使用,红用于错误与破坏性操作,黄用于警告与新功能,绿用于成功,另可含青、粉、紫用于分类,每组同样需要 5-10 档。色阶可按 HSL 明度定义:超浅 95-98%、浅 80-90%、基色 45-55%、深 20-35%、极深 10-15%。

常见失败:色值过少、灰阶不足、用 rgba 代替明确色阶、缺少悬停状态变体、缺少语义色、强调色档位不足、直接使用纯黑文字。

依赖与限制:需有品牌指南或基础色、对 UI 状态和分类需求的理解;与 establish-visual-hierarchy、manage-color-contrast 相关。具体安装与调用方式暂未提供。