Google的“ 500”色板到底是什么？

我一直在阅读Google的Material Design，而在阅读Style时，他们总是提到500种原色（以及其他任何数字，从50种（几乎是白色的）到900种）。这个意思？

我很想尝试创建自己的“受材料启发的”颜色色板，但是由于它们的颜色命名使我感到困惑，所以我不确定从哪里开始。我尝试使用谷歌搜索找到答案（某种程度上有点讽刺意味），但是到目前为止，我还没有找到很多结论性的答案。如果我不得不猜测，似乎与颜色的波长有关？

还提到了A100至A700颜色...

我一直在想自己。

首先，“ 500”似乎并不表示有多少种颜色，而是它们使用的奇怪的编号系统。500是基础，400比基础浅，600是深色。这与字体粗细的编号方式（info）非常相似，因此可能与此有关。

我发现有些数字小于500是通过将它们淡化为白色（在Photoshop中为“屏幕”混合模式）或黑色（“相乘”）而找到的。

• 900：59％（关闭）
• 600：10％（几乎准确）
• 500：基础
• 400：15％（准确）
• 300：30％（准确）
• 200：50％（准确）
• 100：70％（关闭）
• 50：88％（准确）

我在这里没有看到任何模式。也许没有。也许有些明显的事情我正在忽略；我对色彩设计很不好。

我将把它留在这里，因为它是有关该主题的新信息。

https://www.youtube.com/watch?t=73&v=xYkz0Ueg0L4

公布于2015年5月28日

您的色彩理论有些生锈吗？材料设计使色彩变得容易。请访问www.google.com/design了解有关颜色和材料设计的更多信息。

预计 到达时间：原色（500）是Google选择作为您的设计基础的“主要颜色”（或几种颜色）。您从主要的500开始，然后从浅到深缩放；这些颜色将应用于UI中的不同元素。

500s描述了产品中的主导主题（并且非常适合工具栏）。从那里可以扩展到状态栏的700s或从第二级的信息的300s到A的颜色是强调颜色-更明亮和更饱和的鼓励交互作用。这些是突出显示主要操作按钮，标准按钮，开关和滑块的理想选择。

有趣的是，该视频中的信息似乎与Google在上述调色板页面上提供的信息相矛盾，或者至少是前后不一致（http://www.google.com/design/spec/style/color .html＃color-color-palette）。

在调色板页面上，他们说“ Google建议您将500种颜色用作应用程序的原色，而将其他颜色用作强调色 ”在视频中，他们说“ A颜色就是强调色 ...”

确实存在细微的差别，但是如果Google要开发样式指南，则应与“ 口音 ” 一词的使用保持一致。

也许您已经找到了该资源，但是Google整理了一个非常方便的指南，以帮助开发人员和设计师与新的Material氛围保持同步。

完整指南可在此处找到-http: //www.google.com/design/spec/material-design/introduction.html#

具体而言，该页面提供了所有喜欢的颜色供下载-http: //www.google.com/design/spec/style/color.html#color-color-palette

这是您问题的答案.. 观看此视频

该500S是主颜色完美的描述你的产品占主导地位的主题，是伟大的工具栏。

700s用于状态栏

和300s用于辅助信息

因此，这些数字基本上代表了设计特定部分的预定义色调和原色的色调。

我认为，命名约定基于webfont重量命名约定：

• 500：基础
• <500：更薄/更轻
• > 500：更厚/更暗

用基线和变体命名事物的一种非常有用且合乎逻辑的方法。

参考链接：链接到Inter字体的GitHub页面

作为示例，下面是Mozilla的“ Inter”字体的屏幕截图，该字体使用了这种字体权重命名，但是在这种情况下，常规/基本权重被编号为400。许多字体实际上使用400作为“ regular”权重，但这是另一个话题。