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 上取得原始程式碼