色调明暗生成器（Tint/Shade）

浅色（tint）是掺入白色的颜色，深色（shade）是掺入黑色的颜色，灰调（tone）是掺入灰色的颜色。设计系统正是靠这些色阶，为同一个品牌色生成悬停状态、边框和背景。本生成器可按所需的阶数生成这三类，既可用 Sass 和大多数网站采用的经典 sRGB 混合，也可用视觉上均匀的 OKLCH 色阶，并导出 CSS 自定义属性。

使用方法

1. 输入基准色。
2. 选择色阶数和要生成的类型。
3. 选择混合方式：想要熟悉的结果用 sRGB 混合，想要视觉均匀用 OKLCH。
4. 复制 HEX 列表或 CSS 变量，或下载色块图。

计算公式

sRGB 混合：每个通道 c = c₀ + (t − c₀) × p，其中 t = 255（浅色）、0（深色）或 128（灰调），p = 阶数序号 ÷ 总阶数。OKLCH：L 按 p 向 1、0 或 0.6 靠拢，同时色度 × (1 − p)。

第 0 阶永远是基准色；最后一阶不会到达纯白、纯黑或纯灰。通道值四舍五入为整数。

示例

纯红 #FF0000 生成 2 阶，得到基准色和 50% 这一阶：深色为 255 × 0.5 = 127.5 → #800000（栗色），浅色为 0 + 255 × 0.5 → #FF8080，灰调为 (255 + 128) ÷ 2 = 191.5 → #C04040。