Material Color Tool 中的 Angular Material 自定义主题

Question

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 自定义主题的预先建立的途径？或者说他们没有关系？如果不相关，是否有一种简单的方法将前者所需的颜色代码复制到后者？

谢谢。

Answer 1

您可以使用该网站 生成材质颜色。因为你只需要一个十六进制代码，之后你就可以生成期望的颜色格式。

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