输入基础色，自动生成 10 级明暗色调变体和对应 CSS 变量
这是面向设计师和前端开发的工具，输入一个基础颜色，就能生成不同明暗深度的色调变体，还会自动导出可直接复用的 CSS 变量。
它基于线性亮度渐变算法，从基础色向白色生成浅色调，向黑色生成深色调，最终输出 10 级均匀梯度的完整色阶。
固定生成 10 级色调，包含基础色本身，以及 4 个浅色调和 5 个深色调。
支持 HEX 格式和 RGB 格式输入，也可以直接用拾色器点击选色。
输出标准 CSS :root 变量格式，每个色调带对应编号，可以直接复制到项目中使用。
是基于亮度的均匀线性渐变，每个色调的明暗差保持一致，适合常规设计使用。