材料设计 - 使用色调700'意思?

时间:2014-11-19 19:16:39

标签: android material-design

我希望我的Android应用将其背景颜色设置为#F1F1F1。 材料设计指南建议'状态栏应该是原色的深色700色。'这是什么意思?

我应该使用#(F1 * 0.7)(F1 * 0.7)(F1 * 0.7)作为我的状态栏颜色吗?

3 个答案:

答案 0 :(得分:5)

查看材料设计规格页面(http://www.google.com/design/spec/style/color.html#color-color-palette)上的调色板。调色板中的每个色调都有一个数字 - 700 所指的数字。

答案 1 :(得分:1)

实际上有一个在线工具可用于从自定义颜色生成材质调色板。看看:Material Design Palette Generator

您的原始颜色将设置为 500 色调值。

另外,请查看此问题,了解有些有效的计算公式:Convert colorPrimary to colorPrimaryDark (how much darker)

Color.colorToHSV(colorPrimary, hsv);
hsv[2] *= 0.7f;
int colorPrimaryDark = Color.HSVToColor(hsv);

在测试时,我注意到更改亮度值会使您接近相应的colorPrimaryDark,但这并不是与Google调色板对应的值。

我在开头提到的工具尽管如此。

答案 2 :(得分:0)

材质设计调色板提供了一种简单,智能的彩色建筑方法。 从主 500s 开始,它会从亮到暗缩放,提供各种精心挑选的值。 然后,这些颜色范围应用于UI中的不同元素 500s 非常完美地描述了您产品中的主导主题,非常适合工具栏。 从那里,扩展到状态栏的 700s 。或者下至 300 以获取次要信息 强调颜色更明亮,更饱和。

有关详细信息,请参阅this