颜色浅色调生成器

构建浅色阶

设计系统通常通过与白色混合来生成更浅的色阶；Bootstrap的tint-color()就是这样运作的。约80–95%白色的浅色色阶适合用作提醒、选中行和徽章的背景；20–40%白色则会为悬停填充和插图提供更柔和的品牌色版本。请从原始基础色生成每个色阶，而不是在浅色色阶上继续调浅，这样百分比才有明确含义；在最浅的色阶上，请保留基础色用于文本或图标。

浅色色阶为什么会显得粉笔味

加入白色不仅会提高亮度，也会降低饱和度，因此浅色色阶可能显得乳白，蓝色尤其容易偏向淡紫色。如果浅色色阶看起来不对，可以尝试使用饱和度稍高的基础色，或在color converter中直接设置亮度并进行比较。浅色色阶越亮，深色文本越容易通过对比度检查；请在contrast checker中检查所使用的颜色组合。

使用方法

1. 输入有效的#RGB或#RRGGBB值，以及所需的百分比。
2. 运行固定的浏览器本地颜色运算。
3. 查看色样，并复制结果或调色板值。

隐私与限制

颜色值会保留在此设备上。对比度结果是数学检查工具，并不代表全面的WCAG合规保证；上下文、字体渲染、非文本对比度和用户界面状态仍需单独检查。