html - Material.io 色彩设计系统

Question

希望每个人都做得很好。

刚刚有一个关于 Material.io 的颜色设计系统的快速问题我正在尝试在 Figma 中创建一个颜色设计系统，我想知道是否有人可以告诉我每个颜色样本下的数字是什么意思。有一个彩色方块，在它下面有 50 或 100 或 700。有谁知道这些数字是什么意思。

非常感激

Answer 1

它们只是帮助创建颜色值比例的任意数字。例如“grey-50”和“grey-100”表示我的颜色系统中有两种灰色。然后在我的 CSS 中，通过引用 gray-50 我得到一种灰色，引用 gray-100 我得到另一种。