什么是Material Design深色主题颜色?

时间:2016-04-28 13:01:46

标签: android material-design

我正在寻找Material Design的Dark主题使用的调色板,如本页所示: http://developer.android.com/training/material/theme.html

有什么想法吗?我做了一个快速谷歌,无法找到任何关于它。我正在寻找布局背景,抽屉背景,appbar颜色等。

3 个答案:

答案 0 :(得分:57)

更新: 以下答案包含指向材料文档存档的链接。查看current docs以获取最新信息。

滚动到color docs的底部以查看黑色主题颜色。

enter image description here

以下是来自相同文档的文字颜色信息:

enter image description here

请参阅this link将这些百分比值转换为十六进制。

答案 1 :(得分:8)

以下是与同一主题相关的更多信息。根据{{​​3}},基色为#121212,但是当您要在另一个元素上放置元素时,可以使用具有透明性的白色图层来生成该灰色的较浅版本。这就是他们的共同点:

问题在于设计方面很棒,但它并没有使我们的工作像开发人员一样简单。因此,我得到了照片编辑器,并将该准则映射为十六进制颜色。在这里!

| elevation | overlay |   hex   |
| --------- | ------- | ------- |
|   00dp    |    0%   | #121212 |
|   01dp    |    5%   | #1e1e1e |
|   02dp    |    7%   | #222222 |
|   03dp    |    8%   | #242424 |
|   04dp    |    9%   | #272727 |
|   06dp    |   11%   | #2c2c2c |
|   08dp    |   12%   | #2e2e2e |
|   12dp    |   14%   | #333333 |
|   16dp    |   15%   | #343434 |
|   24dp    |   16%   | #383838 |

答案 2 :(得分:3)

接受的答案不再有效。官方材料设计网站中的This page专门用于深色主题(包括其颜色)。这是颜色:

Dark theme colors

下图比较了浅色和深色主题颜色(左侧为浅色,右侧为深色):

Light and Dark theme colors

图像学分:official material design website