62

Windows 8インストールのスタート画面を見ると、バンドルされているアプリの色が標準（？）パレットの色であることがわかります。IEと天気は同じ色です。ストアとXbox Liveゲーム、人と音楽、メッセージングとマップなどです。 。これらのアプリのほとんどの間に論理的な接続があるようには見えません。それでも、それらのタイルは、標準化されたパレットに由来する可能性が最も高い色を共有しています。

ただし、Visual StudioでMetroアプリを作成すると、自由形式のテキストフィールドで背景色が＃464646にプリセットされます。では、独自のタイルをWindows 8に「ネイティブ」にするために使用できる、事前定義された色の「公式」リストがあるのではないかと思います。

もちろん、スクリーンショットを撮り、バンドルされたタイルから色を選択することはできますが、もっと良い方法が必要であり、これまでのところそれを見つけることができませんでした。

編集：OSによってグラデーションが自動的に適用されるため、スクリーンショットから色を選択することさえできないようです。

画像内でロゴ自体の周囲のスペースを透明にすると、アプリのブランドカラー（マニフェストで宣言）が、Windows8リリースプレビューの外観の一部として事前に適用されたグラデーションで透けて見えます。 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で、メトロ デザイン ガイドラインのプレゼンテーションを確認してください。

色は次のとおりです。

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

私はそれが古い質問であることを知っています...しかし、それでも貢献したい.. ここにリンクとタイルとタイルの色の視覚的表現があります.....

于 2013-09-16T05:11:27.590 に答える
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 に答える