提供初始内容
从一个基准色生成 11 级 50–950 色阶，选择 5 种基于 OKLCH 的模式之一，并复制 CSS、OKLCH 或 Tailwind 主题输出。
以统一色相生成 Tailwind 风格色阶
直接回答
从一个基准色生成 11 级 50–950 色阶，选择 5 种基于 OKLCH 的模式之一，并复制 CSS、OKLCH 或 Tailwind 主题输出。 这是生成的 Tailwind 风格色阶，并非 Tailwind 官方配色；色阶数字表示令牌顺序，不是线性明度百分比，裁切可能降低色度。
这个工具能做什么
从一个基准色生成 11 级 50–950 色阶，选择 5 种基于 OKLCH 的模式之一，并复制 CSS、OKLCH 或 Tailwind 主题输出。 把品牌基色扩展为令牌色阶，再检查界面实际使用的前景/背景组合。
已验证的功能
调整相关控件
Classic、Hue Shift、Luminance Anchored、Vivid 与 Muted 会先调整目标明度、色度或色相，再转换并限制到 RGB 以输出 HEX。
检查准确性边界
这是生成的 Tailwind 风格色阶，并非 Tailwind 官方配色；色阶数字表示令牌顺序，不是线性明度百分比，裁切可能降低色度。 再次使用前，请按目标环境的要求核对结果。
适用场景
- 把品牌基色扩展为令牌色阶，再检查界面实际使用的前景/背景组合。
- Classic、Hue Shift、Luminance Anchored、Vivid 与 Muted 会先调整目标明度、色度或色相，再转换并限制到 RGB 以输出 HEX。 在“适用场景 2”中，此说明专门适用于Tailwind 色阶生成器。
- 把品牌基色扩展为令牌色阶，再检查界面实际使用的前景/背景组合。 使用第一个相关工具继续处理Tailwind 色阶生成器的结果，并保持当前语言。
使用步骤
提供初始内容
从一个基准色生成 11 级 50–950 色阶，选择 5 种基于 OKLCH 的模式之一，并复制 CSS、OKLCH 或 Tailwind 主题输出。 在“使用步骤: 提供初始内容”中，此说明专门适用于Tailwind 色阶生成器。
调整相关控件
Classic、Hue Shift、Luminance Anchored、Vivid 与 Muted 会先调整目标明度、色度或色相，再转换并限制到 RGB 以输出 HEX。 在“使用步骤: 调整相关控件”中，此说明专门适用于Tailwind 色阶生成器。
检查并继续
把品牌基色扩展为令牌色阶，再检查界面实际使用的前景/背景组合。 在“使用步骤: 检查并继续”中，此说明专门适用于Tailwind 色阶生成器。
检查准确性边界
这是生成的 Tailwind 风格色阶，并非 Tailwind 官方配色；色阶数字表示令牌顺序，不是线性明度百分比，裁切可能降低色度。 再次使用前，请按目标环境的要求核对结果。 将结果用于生产或无障碍决策前，请先阅读所列限制。
控件说明
提供初始内容
从一个基准色生成 11 级 50–950 色阶，选择 5 种基于 OKLCH 的模式之一，并复制 CSS、OKLCH 或 Tailwind 主题输出。 在“控件说明: 提供初始内容”中，此说明专门适用于Tailwind 色阶生成器。
调整相关控件
Classic、Hue Shift、Luminance Anchored、Vivid 与 Muted 会先调整目标明度、色度或色相，再转换并限制到 RGB 以输出 HEX。 在“控件说明: 调整相关控件”中，此说明专门适用于Tailwind 色阶生成器。
结果如何生成
Classic、Hue Shift、Luminance Anchored、Vivid 与 Muted 会先调整目标明度、色度或色相，再转换并限制到 RGB 以输出 HEX。 在“结果如何生成”中，此说明专门适用于Tailwind 色阶生成器。
准确性与限制
- 这是生成的 Tailwind 风格色阶，并非 Tailwind 官方配色；色阶数字表示令牌顺序，不是线性明度百分比，裁切可能降低色度。
- 剪贴板、文件解码、下载及权限相关控件取决于当前浏览器的能力。
处理方式与隐私
已验证流程在浏览器内运行；除非某个控件明确打开网络 URL，否则文件与色值不会离开页面。
实用建议
- 先使用已知样本，再一次只调整一个控件，便于判断效果。
- 将结果用于生产或无障碍决策前，请先阅读所列限制。
问题排查
输入或操作无效
检查页面显示的范围或文件要求，重置后用更小或浏览器支持的输入重试；需要权限的控件可能要求安全上下文。
准确性与限制
这是生成的 Tailwind 风格色阶，并非 Tailwind 官方配色；色阶数字表示令牌顺序，不是线性明度百分比，裁切可能降低色度。 在“问题排查: 准确性与限制”中，此说明专门适用于Tailwind 色阶生成器。
检查准确性边界
这是生成的 Tailwind 风格色阶，并非 Tailwind 官方配色；色阶数字表示令牌顺序，不是线性明度百分比，裁切可能降低色度。 先重置工具并用已知受支持的值重试，再判断是否为算法错误。
常见问题
Tailwind 色阶生成器能做什么？
从一个基准色生成 11 级 50–950 色阶，选择 5 种基于 OKLCH 的模式之一，并复制 CSS、OKLCH 或 Tailwind 主题输出。 在“Tailwind 色阶生成器能做什么？”中，此说明专门适用于Tailwind 色阶生成器。
最重要的限制是什么？
这是生成的 Tailwind 风格色阶，并非 Tailwind 官方配色；色阶数字表示令牌顺序，不是线性明度百分比，裁切可能降低色度。 在“最重要的限制是什么？”中，此说明专门适用于Tailwind 色阶生成器。
数据在哪里处理？
已验证流程在浏览器内运行；除非某个控件明确打开网络 URL，否则文件与色值不会离开页面。 在“数据在哪里处理？”中，此说明专门适用于Tailwind 色阶生成器。
Tailwind 色阶生成器需要准备什么输入？
从一个基准色生成 11 级 50–950 色阶，选择 5 种基于 OKLCH 的模式之一，并复制 CSS、OKLCH 或 Tailwind 主题输出。 从一个基准色生成 11 级 50–950 色阶，选择 5 种基于 OKLCH 的模式之一，并复制 CSS、OKLCH 或 Tailwind 主题输出。
使用Tailwind 色阶生成器的结果前应检查什么？
这是生成的 Tailwind 风格色阶，并非 Tailwind 官方配色；色阶数字表示令牌顺序，不是线性明度百分比，裁切可能降低色度。 再次使用前，请按目标环境的要求核对结果。 在“使用Tailwind 色阶生成器的结果前应检查什么？”中，此说明专门适用于Tailwind 色阶生成器。
Tailwind 色阶生成器之后可以继续什么流程？
使用第一个相关工具继续处理Tailwind 色阶生成器的结果，并保持当前语言。 把品牌基色扩展为令牌色阶，再检查界面实际使用的前景/背景组合。
继续颜色工作流
把品牌基色扩展为令牌色阶，再检查界面实际使用的前景/背景组合。 在“继续颜色工作流”中，此说明专门适用于Tailwind 色阶生成器。
使用相关工具继续
使用第一个相关工具继续处理Tailwind 色阶生成器的结果，并保持当前语言。
配色方案生成器