浅色调色工具

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

颜色与步数 等待输入

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

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

色阶按淡化比例从小到大排列,便于直接用作浅色背景、选中态或分隔线的层次。

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