Irodori彩り

Material Design

6 个色系 · 89 个色阶

共 89 种颜色

简介 Material Design

Material Design 以单一源色生成整套色彩系统,表达为 13 级色阶(0 到 100)以及主色、次色、第三色、表面等语义角色。该色阶让明暗主题下的对比度保持可预测。

如何使用

通过生成的 CSS 变量(如 --md-sys-color-primary)或使用 Material Theme Builder 应用角色。最深的色阶用于文字,最浅的用于表面,以满足 WCAG 对比度要求。

官方文档

Error

色阶

Neutral variant

色阶

Neutral

色阶

Primary

色阶

Secondary

色阶

Tertiary

色阶

数据来源: Material Web v0.192 · md-ref-palette