它使用 HTML、CSS 和 JavaScript 创建，并由 Google 设计。 Material Design 是一种设计语言，它结合了成功设计的经典原则以及创新和技术。
颜色：这是一个基于材料设计基色的调色板。这些颜色中的每一种都使用基色类和可选的变亮或变暗类来定义。
- 要应用背景颜色，只需将颜色名称和明暗度作为类添加到元素。
GeeksforGeeks
输出：
- 要应用文本颜色，只需像以前一样将 -text 附加到颜色类。
GeeksforGeeks
输出：
以下是一些调色板列表：
| Name | HEX | Color |
|---|---|---|
| red lighten-2 | #e57373 | |
| red darken-4 | #b71c1c | |
| pink lighten-3 | #f48fb1 | |
| pink darken-4 | #880e4f | |
| purple lighten-3 | #ce93d8 | |
| purple accent-2 | #e040fb | |
| deep-purple | #673ab7 | |
| indigo | #3f51b5 | |
| blue accent-1 | #82b1ff | |
| teal darken-3 | #00695c | |
| green | #4caf50 | |
| light-green | #8bc34a | |
| light-green darken-4 | #33691e | |
| yellow darken-4 | #f57f17 | |
| brown darken-1 | #6d4c41 |
您可以参考https://materializecss.com/color.html了解不同的调色板。