颜色亮色调

什么是颜色亮色调？

亮色调是基础色的较亮版本，通过增加亮度同时保持色相和饱和度不变来创建。在 HSL 颜色模型中，这意味着将 L（亮度）值从原始值向 100（纯白）提高。亮色调对于在设计中创建背景、高光和通透感至关重要。

与向黑色移动的暗色调不同，亮色调向白色移动。这使它们非常适合浅色模式界面、背景颜色、悬停状态和任何需要感觉更轻盈或更柔和的元素。

亮色调与暗色调

亮色调和暗色调是互补概念。亮色调通过增加亮度使颜色变亮；暗色调通过降低亮度使颜色变暗。两者都保留原始色相和饱和度。亮色调感觉通透、柔和、亲和，暗色调感觉稳固、严肃、沉重。

何时使用颜色亮色调

亮色调在 UI、Web 和图形设计中广泛使用：

• 背景。 品牌色的浅色亮色调是出色的页面背景。
• 悬停状态。 按钮颜色的较亮色调表示元素可交互。
• 浅色模式。 亮色阶为浅色主题提供多个亮度级别。
• 高光和徽章。 亮色调轻柔地吸引注意力。

如何生成颜色亮色调

本工具在浏览器中即时生成亮色调。

1. 选择基础色。 使用颜色选择器选择任意起始色相。
2. 选择数量。 从下拉菜单选择 5、10 或 15 个亮色调。
3. 复制 HEX。 点击色块旁的"复制"按钮复制 HEX 代码。

亮色设计技巧

构建亮色阶时，请注意非常浅的亮色调可能显得褪色或几乎白色，尤其是在低饱和度颜色中。为保持亮色调视觉上的区分度，考虑使用非线性渐进。