关于此工具
阴影（shade）和亮色（tint）是可用 UI 配色系统的基础。单一品牌色很少能独当一面：背景、悬停状态和细微填充需要更浅的亮色，而正文文字、边框以及在浅色背景上必须保持可读的状态则需要更深的阴影。"Shade"和"tint"在设计术语中有精确含义——阴影是将基础色与黑色混合，亮色是与白色混合——这与将颜色和灰色混合得到的"色调"（tone）不同，本工具不生成色调。
选择一个基础颜色和级数，即可生成从深到浅的完整渐变：最深的阴影在前，你的原始颜色居中，最浅的亮色在最后。点击任意色块即可将其十六进制代码复制到剪贴板，用于 CSS 变量、设计令牌或 Tailwind 配置。调整颜色或级数时，一切都在浏览器本地完成，不会上传任何数据。
常见问题
色调（shade）和浅色调（tint）有什么区别？
色调（shade）是基础色与黑色混合（更深），而浅色调（tint）是基础色与白色混合（更浅）。两者色相保持不变。
设计系统调色板应该生成多少级？
大多数设计系统使用 5-10 级（类似 Tailwind 的 50-900 色阶）——足以覆盖背景、边框、文本和悬停状态，又不会有太多相近重复的颜色。