2025年颜色代码怎么使用（颜色代码怎么使用？）

大家好，我是讯享网，很高兴认识大家。

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

讯享网

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

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

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

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

使用颜色可在应用中向用户直观传达信息：颜色可用于指示交互性、针对用户操作提供反馈并保证应用界面的视觉连续性。

在 Windows 应用中，颜色主要由主题色和主题决定。本文介绍如何在应用中使用颜色，同时介绍如何使用主题色和主题资源来让 Windows 应用可用于任何主题上下文。

Windows 应用可使用浅色或深色应用程序主题。主题将对应用背景、文本、图标和常见控件的颜色造成影响。

浅色主题

深色主题

默认情况下，Windows 应用的主题是 Windows 设置中的用户首选主题或设备的默认主题。不过，你也可为你的 Windows 应用专门设置主题。

可通过更改文件中的 RequestedTheme 属性更改主题。

讯享网

删除 RequestedTheme 属性意味着应用程序将使用该用户的系统设置。

用户还可以选择高对比度主题，该主题使用一块小型的对比色调色板，使界面的对比效果更明显。在此情况下，系统将替代 RequestedTheme。

如果不为应用请求主题，请确保用浅色和深色主题测试应用，保证在应用在任何情况下均可清晰显示。

常见控件自动使用主题画笔调整浅色和深色主题的对比度。

例如，下图演示了 AutoSuggestBox 使用主题画笔的方式：

主题画笔控件示例

若要详细了解如何在应用中使用主题画笔，请参阅主题资源。

常见控件使用主题色表示状态信息。默认情况下，主题色是用户在设置中选择的。但是，还可自定义应用的主题色来彰显你的品牌。

Windows 控件

若要更改应用的主题色，请将以下代码放入。

讯享网

为应用选择自定义主题色时，请确保使用主题色的文本和背景拥有合适的对比度，以获得**的可读性。若要测试对比度，可使用 Windows 设置中的颜色选取器工具，也可使用在线对比度工具。

Windows 设置中的自定义主题色选取器

Windows Shell 中的主题色算法可生成主题色的浅色和深色底纹。

主题色调色板

可访问用作主题资源的以下底纹：

还可通过 UISettings.GetColorValue 方法和 UIColorType 枚举以编程方式访问主题色调色板。

可将主题色调色板用于应用中的颜色主题。以下示例介绍如何针对按钮使用主题色调色板。

按钮所应用的主题色调色板

在彩色背景中使用彩色文本时，请确保文本与背景之间具有足够的对比度。默认情况下，超链接或超文本将使用主题色。如果对背景应用主题色的不同变体，则应使用原始主题色的变体，从而优化彩色背景与彩色文本的对比度。

下图中的示例介绍了主题色的各种浅色/深色底纹，以及彩色类型应用到彩色表面的方式。

颜色表中的颜色的屏幕截图，其中显示了从顶部浅蓝到底部深蓝的颜色渐变。

若要详细了解如何设置控件样式，请参阅 XAML 样式。

多个 API 可用于向应用程序添加颜色。首先，Colors 类可实现广泛的预定义颜色。可通过 XAML 属性自动访问这些预定义颜色。在以下示例中，我们创建了一个按钮并将背景色属性和前景色属性设置为 Colors 类的成员。

讯享网

可使用 XAML 中的 Color 结构通过 RGB 或十六进制值自行创建颜色。

还可使用 FromArgb 方法通过代码创建相同的颜色。

讯享网

“Argb”中的各字母分别代表 Alpha（不透明度）、红、绿和蓝，这四个部分共同组成一种颜色。每个参数的值可介于 0 至 255 之间。可选择忽略第一个值，此操作将默认选定 255 或 100% 的透明度。

Color 最常用作 SolidColorBrush 的参数，该参数可用于以单一纯色绘制 UI 元素。通常在 ResourceDictionary 中定义这些画笔，以便画笔可重复用于多个元素。

讯享网

若要详细了解如何使用画笔，请参阅 XAML 画笔。