我在阅读有关物料设计的文章。在颜色列表中，每种颜色旁边都有一个数字，随着值的增加，颜色似乎会变暗。
请问这个数字的确切含义是什么？
编辑：由于所有答案都是关于十六进制值的，我添加了这个编辑来澄清问题。 我的问题是关于左手边的数字，比如700、500等，而不是十六进制数字（#3f51b5等）
编辑2：在RGB模型中，红色、绿色或蓝色的每个颜色可以在0-255的范围内具有一个值。 0表示缺乏颜色，255表示颜色以完全功率存在。 左侧数字是否有数值意义？如果假设其中的“500”是＃3F51B5，那么我可以计算出颜色的“700”吗？还是这些数字只是调色板中不同色调的名称？
$mdThemingProvider.theme('default')
.primaryPalette('purple', {
'default': '700', // by default use shade from the palette for primary intentions
'hue-1': 'A400', // use shade for the <code>md-hue-1</code> class
'hue-2': '600', // use shade for the <code>md-hue-2</code> class
'hue-3': 'A100' // use shade for the <code>md-hue-3</code> class
})
// If you specify less than all of the keys, it will inherit from the default shades
.accentPalette('deep-purple', {
'default': '200' // use shade 200 for default, and keep all other shades the same
})
R.color文档中可以看到：
system_accent1_0系统使用的强调颜色的最浅色调。白色。
system_accent1_1099%亮度的强调系统颜色的色调。
以此类推。
system_accent1_10090%亮度的强调系统颜色的色调。
shadeVariant = 1000 - (lightness * 1000)。500 shade variant uses 49% lightness instead of 50%, but this is probably an implementation detail that could be ignored when re-implementing.)setLightness(accent, 0.9) 来计算自己的强调颜色的 100 阴影变体。从那里开始，就可以轻松构建一个实用函数，可以生成任何颜色的任何变体。我在这个Angular.io主题指南中找到了一些信息：
在Material Design中，调色板中的每个色调都有一个标识号。这些标识号包括50，以及100到900之间的每个100值。这些数字按照调色板中的色调从最浅到最深的顺序排列。
这就是你的答案：这些数字只是静态标识符。
作为如何使用它们的示例，这个“从调色板中读取色调”的指南说明：
您可以使用get-color-from-palette函数通过它们的编号标识符从调色板中获取特定的色调。
@use '~@angular/material' as mat;
$my-palette: mat.define-palette(mat.$indigo-palette);
.my-custom-style {
background: mat.get-color-from-palette($my-palette, '500');
color: mat.get-color-from-palette($my-palette, '500-contrast');
}
您所看到的数字是颜色调和颜色的十六进制值。您可以在CSS文件中使用它，而不是编写例如黑色、白色或蓝色等颜色名称。
来自WIKI： “十六进制三元组是一种六位、三字节的十六进制数，用于HTML、CSS、SVG和其他计算应用程序中表示颜色。这些字节代表颜色的红、绿和蓝分量。一个字节代表00到FF（十六进制表示法）范围内的数字，或者在十进制表示法中为0到255”
颜色代码是系统支持的每种颜色所赋予的数字。每个颜色代码都包含符号“#”和6个字母或数字。这些数字采用十六进制数制。例如，“FF”在十六进制中表示十进制数255。
符号的含义： HTML颜色代码中的前两个符号表示红色的强度。00是最小值，FF是最大值。第三和第四个符号表示绿色的强度，第五和第六个符号表示蓝色的强度。因此，通过组合红、绿和蓝的强度，我们可以混合几乎任何我们想要的颜色。
示例：