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