Windows 11 中的颜色

  • 项目

Windows 11 使用颜色通过指示用户界面元素之间的视觉层次和结构，帮助用户专注于其任务。 颜色取决于上下文，用于呈现一种平和的基调，巧妙地增强用户交互，仅在必要时突出重要项。

颜色模式

Color hero image

Windows 11 支持两种颜色模式：浅色和深色。 每种模式都由一组中性颜色值组成，这些值会自动调整以确保最佳对比度。

在浅色和深色模式下，较深的颜色指示背景图面不太重要。 重要图面会突出显示，颜色较浅且较亮。 有关详细信息，请参阅分层和提升。

主题色

Assorted controls in light mode

Assorted controls in dark mode

主题色用来强调用户界面中的重要元素，以及指示交互式对象或控件的状态。 主题色值会自动生成并优化，以便在浅色和深色模式下进行对比。 主题色用于突出显示重要元素并传达交互式元素状态的相关信息，请谨慎使用。

示例

提示

打开 WinUI 3 库应用并查看操作中的颜色原则。

WinUI 3 库应用包括大多数 WinUI 3 控件、特性和功能的交互式示例。 通过 Microsoft Store 获取应用，或在 GitHub 上获取源代码