Material You 是 Google 在 Android 12 中推出的设计系统。它能够从用户的壁纸中自动提取主要颜色，生成一套完整的配色方案，应用于系统UI和第三方应用，让界面与壁纸风格协调统一。核心使用 HCT（色相-色度-色调）色彩空间进行颜色生成。

HCT 是 Google 专为 Material You 开发的色彩空间，结合了 HSL 的色相（Hue）、L*a*b* 的色度（Chroma）和新的色调（Tone）概念。Tone 值从 0（纯黑）到 100（纯白），代表颜色的感知亮度，使生成的调色板在不同亮度层级上保持视觉和谐。

Primary（主色）：UI中最突出的颜色，用于关键操作按钮、活跃状态等。Secondary（次要色）：用于过滤芯片、次要操作等，与主色协调但更柔和。Tertiary（第三色）：用于强调装饰、特殊状态，提供额外的色彩维度。三者共同构成完整的 Material You 色彩体系。

点击"复制CSS变量"按钮，可将完整的 Material Design 3 CSS 自定义属性复制到剪贴板；点击"复制JSON"获取结构化数据；也可点击任意色块直接复制该颜色的 Hex 值。导出的颜色可直接用于 Web、Flutter 或 Android 项目。

取色算法会综合图片中饱和度较高、出现频率较多的颜色区域来确定主色。如果壁纸色彩复杂，提取的主色可能偏向面积最大的鲜艳区域。建议使用色彩主题明确的壁纸以获得最佳效果。您也可以尝试不同的预设壁纸来观察取色变化。