Material Design配色方案
Material Design 配色遵循 Google 的设计逻辑:一种主色、一种用于点缀的辅助色、中性表面色,以及用于文字和层级的灰阶。
配色示例
主色#1976D2
浅主色#42A5F5
表面色#FAFAFA
辅助色#FFA000
表面上的内容色#212121
可直接复制的十六进制代码
专为界面设计
经典和谐配色着眼于色相,Material 则着眼于角色:主色、辅助色、表面色、表面上的内容色和错误色。每种颜色都有明确用途,可以直接转换为设计系统令牌。
对比度与层级
Material 要求文字与其所在表面的对比度至少为 4.5:1。通过逐渐提亮表面来表达层级,而不是不断叠加阴影,在阴影难以辨认的深色主题中尤其有用。
生成我的material design配色方案
免费,无需注册
