62

当我查看 Windows 8 安装的开始屏幕时，我看到捆绑的应用程序具有来自某些标准（？）调色板的颜色：IE 和天气具有相同的颜色、商店和 Xbox Live 游戏、人物和音乐、消息传递和地图等. 看起来大多数这些应用程序之间没有任何逻辑联系。然而，他们的瓷砖共享的颜色很可能来自一些标准化的调色板。

但是，当我们在 Visual Studio 中创建 Metro 应用程序时，背景颜色在自由格式文本字段中预设为 #464646。所以我想知道是否有一些预定义颜色的“官方”列表可以用来让我们自己的图块“原生”到 Windows 8？

显然，我可以截屏并从捆绑的瓷砖中选择一种颜色，但必须有更好的方法，到目前为止我还没有找到它。

编辑：显然你甚至不能从截图中选择颜色，因为操作系统会自动应用渐变：

如果您在图像中使徽标本身周围的空间透明，则应用的品牌颜色（在清单中声明）将通过预先应用的渐变显示出来，作为 Windows 8 Release Preview 外观的一部分。 http://msdn.microsoft.com/en-us/library/windows/apps/hh465403.aspx#using_default_tiles

4

7 回答 7

126

在https://skydrive.live.com/view.aspx?resid=40CFFDE85F1AB56A!1284幻灯片 55上查看我的 Metro 设计指南演示文稿

颜色是：

PURPLE
RGB 162 0 255
A200FF

MAGENTA
RGB 255 0 151
FF0097

TEAL
RGB 0 171 169
00ABA9

LIME
RGB 140 191 38
8CBF26

BROWN
RGB 160 80 0
A05000

PINK
RGB 230 113 184
E671B8

ORANGE
RGB 240 150 9
F09609

BLUE
RGB 27 161 226
1BA1E2

RED
RGB 229 20 0
E51400

GREEN
RGB 51 153 51
339933
于 2012-07-20T12:26:47.280 回答
31

引用的演示文稿中的颜色实际上是 Windows Phone 主题颜色。Windows 8 核心颜色与手机颜色不同。我刚刚发布了一篇关于 Windows 8 中磁贴和开始屏幕颜色的博文。您可能会发现它很有用。http://www.creepyed.com/2012/09/windows-8-colors-hex-code/。我希望它有帮助！

于 2012-09-01T07:02:52.573 回答
8

真是好项目。具有所有 Windows 8 颜色。 http://metrocolours.softwareportalplus.com/

于 2012-10-28T11:05:16.930 回答
3

很抱歉发布到旧帖子，但我想许多来自搜索引擎的人会发现这很有用。这是我在为我的客户创建“地铁灵感”设计时发现的地铁颜色的一个很好的资源。

http://colorlib.com/etc/metro-colors

所有颜色和颜色代码都在那里，包括 HEX、RGB、CMYK 等。

于 2013-08-12T07:50:41.720 回答
1

如果您愿意，可以使用 Windows Phone 8 的官方列表：http:
//msdn.microsoft.com/en-us/library/windowsphone/develop/ff402557 (v=vs.105).aspx

于 2014-05-29T21:27:31.207 回答
0 
<style>
.Color-Purple {background: #8C0095 }
.Color-Purple:hover {background: #A700AE }

.Color-DarkPurple {background: #5133AB }
.Color-DarkPurple:hover {background: #643EBF }

.Color-Teal {background: #008299 }
.Color-Teal:hover {background: #00A0B1 }


.Color-Orange {background: #D24726 }
.Color-Orange:hover {background: #DC572E }

.Color-Blue {background: #2672EC }
.Color-Blue:hover {background: #2E8DEF }

.Color-SkyBlue {background: #094AB2 }
.Color-SkyBlue:hover {background: #0A5BC4 }

.Color-Red {background: #AC193D }
.Color-Red:hover {background: #BF1E4B }

.Color-Green {background: #008A00 }
.Color-Green:hover {background: #00A600 }

.Color-Yellow {background: #e8be1b }
.Color-Yellow:hover {background: #f7d240 }
</style>
于 2013-05-01T19:06:09.237 回答
0

我知道这是一个老问题......但仍然想贡献.. 这是瓷砖和瓷砖颜色的链接和视觉表示......

于 2013-09-16T05:11:27.590 回答