色彩/Color

Material Design中的色彩灵感来自于现代建筑、道路标识、路面标记及运动场等 大胆运用色调、高光和阴影，充满动感的场景。

Material Design使用19个调色板（red、pink、purple等）用来约束设计中色彩的使用。 在每个调色板中，色调为500的颜色为基准色，其他颜色是基准色在不同色调（50-900, A100-700） 下的表现。

在右边的示例代码中，我们绘制了Material Design完整的调色板集。每一行是一个调色板， 每一列表示一个色调。你可以将鼠标移动到一个颜色上，查看其RGB值。

Material Design Lite

在MDL中，我们可以使用样式类mdl-color--{palette}-{hue}来设置背景色，使用样式类 mdl-color-text--{palette}-{hue}来设置前景色：

<div class="mdl-color--red mdl-color-text--grey-50">
    this is a gray text on red background.
</div>