色阶 · Color Scale
英文:Color Scale
色彩与配色难度:入门 ★
🗣️一句话大白话
从一个种子色按规则拉出一串连续过渡的颜色,用来做品牌色带、渐变和可循视的配色,而不是硬切色块。想让配色高级,关键不是颜色多,而是颜色之间怎么过渡。硬切:每块颜色独立,像一块色块墙;色阶:从种子色用 scale 拉出连续渐变,明暗有节奏,眼睛能顺着走。让 AI 生成色阶时点名『从主色拉 N 级连续色阶』,它会用可计算的插值,而不是随便挑几个相近色。
🖼️样图参考

🎬真实场景
品牌色带、渐变背景、数据可视化配色、色卡
📮你可以这样说
「【图像模型版】以主色「[主色]」为种子色生成 12 级连续色阶:从浅到深均匀过渡,相邻两级人眼可辨、整体无跳变;色阶用于[用途]。禁止输出互不衔接的散色块。Keywords: color scale, gradient ramp, seed color, interpolation. 【HTML/CSS/JS 版】用 chroma.scale([seed]).colors(12) 生成色阶数组,或 CSS 用 linear-gradient 承载连续过渡;级数由变量控制(如 --steps: 12),不用手写 12 个近似色值。」
通过 AI绘图 工作台生成(模型 API 额度由此消耗);未配置模型密钥时会提示失败原因。
⚠️边界与常见误解
- ▸误解:色阶就是随便几个同色系颜色。实际要可计算的连续插值
- ▸级数太少会跳、太多会看不出差异,通常 8-12 级
🚫什么时候别用
- ✗需要强烈对比、不需要连续过渡的场合
🧩常见变体
等距色阶明暗递进色阶
💡小贴士
- ✦指定级数(如 8-12 级)比『来几个相近色』更可控
🕸️知识关系图
这个词条与相关术语、AI绘图 知识的连接关系