色调与阴影生成器

关于本工具

浅色调与深色调生成器可从任意基础颜色创建更明亮和更暗的变体。浅色调通过将基础颜色与白色混合（增加亮度）生成，深色调通过与黑色混合（降低亮度）生成。

该工具生成最多5级浅色调和5级深色调，加上原始基础颜色，为您提供以所选色调为中心的11步调色板。点击每个色板可复制其十六进制代码。

使用方法

1. 使用拾色器选择基础颜色，或输入十六进制代码。
2. 使用示例按钮快速尝试预设颜色。
3. 调整级别数（3-5）以控制调色板宽度。
4. 点击任意色板复制其十六进制代码，或点击复制全部。

使用场景

设计系统需要为每种品牌颜色提供系统性的色阶。UI设计师从单一操作颜色生成悬停、激活和禁用状态，前端开发人员创建一致的按钮、徽章和卡片颜色变体。

常见问题

• 浅色调和深色调有什么区别？ — 浅色调与白色混合（变亮），深色调与黑色混合（变暗）。色调与灰色混合，此工具不生成。
• 级别是如何计算的？ — 每个级别将基础颜色与白色或黑色按10%、30%、50%、70%、90%的比例混合，提供一致的视觉步骤。
• 可以从这里获取CSS变量吗？ — 输出为十六进制代码，可以粘贴到CSS中作为--color-500、--color-400等使用。