色调渐变生成

输入一个十六进制颜色与步数,向黑色线性插值生成 N 个逐渐加深的色阶(shade)。第一个为原色,最后一个接近纯黑;每个色阶给出色块、HEX、加深比例与 RGB,支持整列复制与单行复制,全部在浏览器本地完成。

颜色与步数 等待输入

向黑色插值:第 i 个色阶系数 t = i / (N − 1),各通道 = round(c × (1 − t))。

色阶结果
步数—
起始色—
结束色—
输入十六进制颜色与步数,点击「生成色阶」,结果将显示在这里。

色阶按加深比例从小到大排列,便于直接用作按钮 hover、边框或背景的深浅层次。

计算规则
  • 输入支持 #RRGGBB 或省略 # 的 6 位写法,也兼容 3 位简写(如 #36C 展开为 #3366CC)。
  • 第 i 个色阶的加深系数 t = i / (N − 1),取值范围 [0, 1]。
  • 每个通道按 round(c × (1 − t)) 从原色向黑色线性插值。
  • 当 t = 0 时结果等于原色;当 t = 1 时结果等于 #000000。
  • 示例:#3366CC 取 3 步得到 #3366CC、#1A3366、#000000。
  • 加深比例列显示 t × 100%,即该色阶向黑色混合的比重。