材质颜色工具中的Angular材质自定义主题

时间:2020-01-22 19:12:27

标签: angular-material material-design

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自定义主题是否存在预先确定的途径?还是它们无关?如果不相关,是否有简单的方法将所需的颜色代码从前者复制到后者?

谢谢。

1 个答案:

答案 0 :(得分:1)

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

预期的颜色格式: Excepted format 产生的结果: enter image description here

相关问题