Wear OS 的 Material 3 Expressive 通过为其颜色角色分配不同的色相、饱和度（chroma）和色调（tone）值来建立视觉层级，有效地区分醒目的强调色和中性表面色。该系统包含主色调、副色调和三次强调色角色，不仅增强了表达可能性，还通过不同的颜色选择提供了更精细的视觉层级控制。这种有意的颜色使用可确保 Watch UI 中即使在应用主题时也能保持一致和协调的感受。
各种主题下不同布局、组件和界面的示例，但仍保持足够的颜色对比度。
配对和分层颜色
为了保持视觉无障碍，请仅在指定的配对颜色标记中使用颜色。不正确地组合颜色可能会破坏视觉无障碍所需的对比度，尤其是在通过动态颜色调整颜色时。
正确配对和分层颜色
为了确保正确的视觉效果和无障碍功能，请确保将正确的标记映射到其正确的位置。不正确的颜色映射可能会导致意外的视觉效果并破坏无障碍功能。
正确做法
正确配对和分层颜色角色，以确保正确的视觉效果和无障碍功能。
在本例中，带有 (2) on-primary 颜色（在 (1) primary 上）或带有 (4) on-primary-container 颜色（在 (3) primary-container 上）的按钮在对比度级别变化时仍清晰可读，并且具有对比度不低于 7:1 的 AAA 评级。
错误做法
不正确的颜色映射可能会导致意外的视觉效果并破坏无障碍功能。
在本例中，带有 (2) primary-container 颜色（在 (1) primary 上）或带有 (4) primary-dim 颜色（在 (3) primary-container 上）的按钮在对比度级别变化时变得难以辨认，并且不符合普通文本最低 7:1 的对比度要求。这些对比度级别适用于 primary、secondary 和 tertiary 角色。
推荐的颜色配对
主色 + 主色暗色
将 Primary 用于主要操作，将 Primary-Dim 用于补充项。这会营造深度，同时确保主要操作脱颖而出。
主色暗色 + 三次色
使用 Primary-Dim 突出显示重要元素，使用 Tertiary 提供醒目的反馈，例如点按响应。
主色 + 副色容器
将 Secondary-Container 用于不那么突出的内容，而 Primary 应用于关键元素，以确保它们脱颖而出并吸引注意力。
主色 + 主色容器
将 Primary 用于主要操作，将 Primary-Container 用于补充或次要项。这会营造深度，同时确保主要操作脱颖而出。
主色暗色 + 三次色暗色
使用 Primary-Dim 突出显示重要元素，使用 Tertiary-Dim 提供醒目的反馈，例如目标已达成。
三次色 + 主色 + 副色容器
当主操作不明确时，将 Tertiary 和 Primary 组合用于主要操作，将 Secondary-Container 用于补充操作。
副色 + 主色容器
当你想显示两个同样重要的选项或容器，但仍希望两者之间存在对比度时，请使用 Primary-Dim 和 Secondary。
主色 + 三次色 + 主色容器
当主操作不明确时，将 Tertiary 和 Primary 组合用于主要操作，将 Primary-Container 用于补充操作。
主色 + 三次色暗色
将 Primary 用于主要操作，将 Primary Dim 用于补充项。这会营造深度，同时帮助主要操作脱颖而出。