颜色暗色调

什么是颜色暗色调？

暗色调是基础色的较暗版本，通过降低亮度同时保持色相和饱和度不变来创建。在 HSL 颜色模型中，这意味着将 L（亮度）值从原始值向零（纯黑）降低。暗色调对于在设计中创建深度、阴影和视觉层次至关重要。

与向白色移动的亮色调不同，暗色调向黑色移动。这使它们非常适合深色模式界面、浅色背景上的文字颜色，以及任何需要感觉更沉重或更稳固的元素。

暗色调与亮色调

暗色调和亮色调是一枚硬币的两面。暗色调通过降低亮度使颜色变暗；亮色调通过提高亮度使颜色变亮。两者都保留原始色相和饱和度，因此总是与基础色和谐。暗色调感觉更沉重、更严肃、更稳固，亮色调感觉更轻盈、更通透、更活泼。

何时使用颜色暗色调

暗色调在现代 UI 和图形设计中不可或缺：

• 文字颜色。 使用品牌色的暗色作为标题和正文，比纯黑更柔和。
• 阴影和深度。 背景色的暗色创建自然外观的阴影。
• 深色模式。 暗色阶为深色主题提供多个暗度级别。
• 悬停和激活状态。 按钮颜色的稍暗色调表示交互。

如何生成颜色暗色调

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

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

暗色设计技巧

构建暗色阶时，目标是感知上均匀的步长而非数学上均匀的步长。人眼对中间范围的亮度变化更敏感，因此可能需要手动调整间距以获得最佳视觉渐进。