✏️ AI 术语图鉴

色板 · Palette

英文:Palette

色彩与配色难度:入门 ★

🗣️一句话大白话

从种子色算出的整套可用颜色集合(色阶、可读字色、辅助色),是可交给设计的完整色卡台,不是几个好看颜色的堆砌。配色高级的最终产物是一套色板:种子色拉出色阶、按 4.5:1 算出可读字色、配好强调色与中性色,色阶、对比度、混色、感知调色四件事合在一起。让 AI 出色板要给它约束:种子色、级数、用途(文字/背景/强调)、对比度标准,它才会交出可计算、可复用的色卡台,而不是随机几个霓虹色。

🖼️样图参考

示例图 · 从种子色算出的完整色板
示例图 · 从种子色算出的完整色板

🎬真实场景

品牌 VI、页面主题、给设计的交付物

📮你可以这样说

「【图像模型版】从种子色「[主色]」生成一套完整色板:12 级色阶 + 主色 + 辅助色 + 强调色 + 中性色;所有文字色与背景对比度 ≥ 4.5:1;按用途标注(背景/文字/强调/状态)。禁止输出互不关联的随机色。Keywords: palette, brand colors, color system. 【HTML/CSS/JS 版】用 chroma.scale([seed]).colors(12) 生成色阶,用 chroma.contrast() 校验文字色,导出为 CSS 变量(--color-primary / --color-text / --color-bg…)。」

通过 AI绘图 工作台生成(模型 API 额度由此消耗);未配置模型密钥时会提示失败原因。

⚠️边界与常见误解

  • ▸误解:色板 = 5 个好看的颜色。好看不可复用,色板要可计算、可扩展
  • ▸没有种子色和用途约束的色板不可交付

🚫什么时候别用

  • ✗只要单个颜色、不需要整套体系时

🧩常见变体

品牌色板UI 色板数据可视化色板

💡小贴士

  • ✦给 AI 至少一个种子色 + 用途清单,色板才可用

🕸️知识关系图

这个词条与相关术语、AI绘图 知识的连接关系

相关术语相关术语相关术语
色阶
Color Scale
色彩空间
Color Space
对比度
Contrast Ratio
色板
Palette

🔗相关术语