色板 · 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绘图 知识的连接关系