Tints & Shades 生成器 – 平滑色彩渐变在线
浅色调通过向白色混合来提亮颜色；深色调通过向黑色混合来加深颜色。这款 Tints & Shades 生成器以 HSL 明度创建 3–20 步的平滑渐变。输入基准色，调整可用选项，然后复制结果。将生成的色调用于悬停状态、禁用状态，或为设计系统增加视觉层次。
Tints & Shades 生成器从基准色创建平滑的色彩渐变。浅色调通过向白色混合来提亮颜色，深色调通过向黑色混合来加深颜色。该工具构建 HSL 明度的 3–20 步渐变，当您需要为界面或设计系统使用相关颜色时非常有用。
要使用生成器，请输入或粘贴基准色，调整可用选项，然后复制结果。渐变基于 HSL 明度的变化，因此每一步都向更浅的浅色调或更深的深色调移动。该工具生成一系列色阶，无需您手动计算每种颜色。
Tints & Shades 在调色板中发挥不同作用：较浅的颜色可支持悬停状态，较深的颜色可提供层次。一致的渐变还有助于为禁用状态选择颜色或构建设计系统。该工具让您直接在浏览器中生成这些变化。
生成器完全在浏览器中运行。您的输入在您的设备上处理，不会发送到服务器。页面加载后，工具可离线工作，因此您可以在没有网络连接的情况下生成和复制色彩渐变。
该工具适用于需要实用方式创建色彩变化的开发者、设计师和 DevOps 工程师。无论您是在完善界面状态还是组装调色板，它都提供了一种快速生成和查看浅色调与深色调的方法。
步骤 1：输入或粘贴基准色，以生成浅色调或深色调的渐变。
步骤 2：调整可用选项以塑造结果；渐变包含 HSL 明度的 3–20 步。
步骤 3：查看生成的色彩渐变，选择适合您界面的浅色调或深色调值。
步骤 4：复制结果，用于设计系统、样式或其他开发工作。
使用场景：为设计系统创建色彩渐变，以较浅的浅色调和较深的深色调为调色板增加层次。
使用场景：为悬停状态和禁用状态生成较浅或较深的颜色，无需手动计算每一步。
使用场景：在浏览器中处理常规的 Tints & Shades 任务，无需在本地安装任何东西。
使用场景：在您使用的任何机器上生成色彩渐变，然后将结果复制到需要的地方。
使用场景：使用在浏览器中处理输入的工具，避免将内部色彩数据粘贴到第三方服务中。
使用场景：在完善界面色彩集的同时探索不同的渐变选项。