SuperAPI AI 工具集

color-theory

编程与开发

查看项目

更新于 10-15 21:43

技能介绍

用途:在定义配色方案、构建调色板、检查对比度、设计深色模式、建立语义色、创建颜色设计令牌或审查现有色彩概念时使用。

主要能力:提供配色构建规则(1 个主色 + 1 个强调色 + 3-5 个中性色,每种色做 9-11 级渐变 50-950,定义 success/warning/error/info 语义色,可用互补、类似或三角和谐作为起点);色彩模型建议内部用 HSL,现代 CSS 用 oklch(),网页不用 CMYK;对比度要求正文(<24px)至少 4.5:1,大文本(>=24px 或 >=18.66px 粗体)至少 3:1,UI 组件至少 3:1,并需模拟色觉缺陷;色彩心理学按行业选主色(蓝=信任、绿=自然、红=能量、黑=高端、橙黄=乐观、紫=创意),国际项目考虑文化差异;深色模式作为独立方案而非反转,背景用 #121212 至 #1E1E1E 而非纯黑,文字用 #E0E0E0,主色降低饱和度;设计令牌分两层:原始令牌(--blue-500)与语义令牌(--color-primary),组件只用语义令牌,不直接写 HEX。

使用方式:按 60-30-10 规则分配(60% 主色背景、30% 次要色卡片导航、10% 强调色 CTA 高亮);用 WebAIM、Chrome DevTools 等工具逐组合验证对比度;始终为颜色提供第二信号(图标、文字、形状)。

适用场景:网页配色、设计系统、深色模式、可访问性审查。

限制:资料未提供具体安装命令、收费方式或平台信息;详细模式见 references/patterns.md。