Metro风格的Windows 8应用程序是否有“标准”瓷砖颜色列表?
当我看到我的Windows 8安装的开始屏幕,我看到捆绑的应用程序具有一些标准(?)调色板的颜色:IE和天气具有相同的颜色,商店和Xbox Live游戏,人与音乐,消息和地图等看起来这些应用程序之间并不存在任何逻辑联系。 然而,他们的瓷砖分享最可能来自一些标准调色板的颜色。
但是,当我们在Visual Studio中创buildMetro应用程序时,背景颜色在自由格式文本字段中被预设为#464646。 所以我想知道是否有一些预定义颜色的“官方”列表,我们可以使用它们将自己的瓷砖“原生”到Windows 8?
很明显,我可以截取一个截图,从一个捆绑的瓷砖中挑选一个颜色,但是必须有一个更好的方法,到目前为止我还没有find。
编辑:显然你甚至不能从屏幕截图中select颜色,因为操作系统会自动应用渐变:
如果您在图像中使徽标周围的空间透明化,则应用程序的品牌颜色(在清单中声明)将显示预先应用的渐变,作为Windows 8 Release Preview外观的一部分。 http://msdn.microsoft.com/en-us/library/windows/apps/hh465403.aspx#using_default_tiles
在https://skydrive.live.com/view.aspx?resid=40CFFDE85F1AB56A!1284幻灯片55上查看我的Metrodevise指南演示文稿;
颜色是:
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
引用的演示文稿的颜色实际上是Windows Phone主题颜色。 Windows 8的核心颜色不同于手机的颜色。 我刚刚在Windows 8上发布了关于平铺和开始屏幕颜色的博客文章。您可能会发现它很有用。 http://www.creepyed.com/2012/09/windows-8-colors-hex-code/ 。 我希望它有帮助!
真的很好的项目。 具有所有Windows 8颜色。 http://metrocolours.softwareportalplus.com/
对不起,张贴到旧的线程,但我想很多来自search引擎的人会发现这有用。 这是我为我的客户创build“地铁灵感”devise时发现的一个很好的地铁颜色资源。
http://colorlib.com/etc/metro-colors
所有的颜色和颜色代码,包括hex,RGB,CMYK等
有一个Windows Phone 8的官方列表,如果你想要的话:
http://msdn.microsoft.com/en-us/library/windowsphone/develop/ff402557(v=vs.105).aspx
<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>
我知道它的一个老问题…但仍然想贡献.. 这是一个链接和瓷砖和瓷砖颜色的视觉表示…..