来自 Material Color Tool 的 Angular Material 自定义主题答案

【问题标题】：Angular Material Custom Theme from Material Color Tool来自 Material Color Tool 的 Angular Material 自定义主题
【发布时间】：2020-05-09 00:40:23
【问题描述】：

Material.io 有一个名为“材质调色板生成器”的出色工具：https://material.io/design/color/#tools-for-picking-colors。使用它，您可以选择主要颜色和次要颜色，然后单击“在颜色工具中查看”链接，该链接会将您带到一个页面，您可以在其中以不同方式查看您的选择：https://material.io/resources/color/#!/?view.left=0&view.right=0&primary.color=6002ee&secondary.color=c63131。

但是似乎没有一种简单的方法可以将调色板导出为可用于生成自定义 Angular Material 主题的格式。他们有一个导出链接，但最接近的格式似乎是 CodePen。但是一旦你在 CodePen 中打开它，CSS 似乎没有你需要的调色板信息。

我的问题：有没有人尝试过这些工具，是否有从 Material 调色板到 Angular Material 自定义主题的预先建立的路径？还是它们无关？如果不相关，是否有一种简单的方法可以将前者所需的颜色代码复制到后者？

谢谢。

【问题讨论】：

导出链接是为AngularJS Material（Angular Material的前身）设计的。

标签： angular-material material-design

【解决方案1】：

您可以使用this website 生成材质颜色。因为您只需要一个十六进制代码，然后您就可以生成预期的颜色格式。

预期的颜色格式：生成结果：

【讨论】：

太棒了。谢谢！