色阶生成器
输入一个主色，生成 50–950 共 11 级色阶。明度按感知均匀的 OKLCH 分布，每一级都标出与白色和黑色文字的对比度。
主色
使用步骤
- 输入主色和变量名前缀（例如 primary、brand）。
- 查看每一级的对比度标记：AA 表示放正文文字可读。
- 选择导出格式，复制代码到项目中。
常见问题
主色会出现在第几级？
工具会把主色放在明度最接近的那一级，并保持原色不变，其余各级围绕它生成。
对比度标记是什么意思？
“白字 AA”表示在这个颜色上放白色正文，对比度达到 WCAG 2.x 规定的 4.5:1；“黑字 AA”同理。一般 500 以上适合配白字，400 以下适合配黑字。
和 Tailwind 自带的色阶一样吗？
级数和命名方式一致（50–950），可以直接替换 Tailwind 配置里的颜色，但数值是根据你的主色计算出来的。