Material Design 3 (MD3) 表面容器色值获取途径咨询

如果你需要Material Theme Builder未提供的表面容器（如N-96、N-94、N-92等）色值，可以试试这几个方法：

• 通过Material 3颜色计算逻辑生成
  MD3的中性色（含表面容器对应色值）基于HCT颜色模型，N-XX的数字代表颜色的亮度值（范围0-100，数值越高颜色越浅）。你可以借助官方颜色工具库计算：

  • 前端/Node.js环境：使用material-color-utilities包，调用hct.from(0, 0, 96)这类方法生成指定亮度的中性色，再转换为HEX格式。
  • Android环境：利用material-components-android库中的HCT工具类，直接生成对应亮度的中性色。

• 查阅Material 3官方颜色规范
  Material Design 3的官方文档里有完整的中性色与表面色对照表，其中列出了所有N-XX系列的HEX色值，直接查找对应数值就能获取表面容器的颜色代码。

• 使用Figma的Material 3插件
  在Figma中安装Material Design 3官方插件，创建或导入主题后，插件会展示完整调色板，包含所有表面容器类别的色值，你可直接复制这些HEX代码使用。

内容的提问来源于stack exchange，提问作者morte