Windows MetroUIの色
Metroは、Microsoft Design Language(MDL)のニックネームです。
Metroはフラットなデザインとモダンな色に焦点を当てています。
ライトグリーン
緑
濃い緑色
赤紫色
ライトパープル
紫の
ダークパープル
暗くする
ティール
ライトブルー
青い
濃紺
黄色
オレンジ
ダークオレンジ
赤
暗赤色
W3.CSSでのメトロカラーの使用
W3.CSSは、HTMLページのスタイル設定に使用される最新のCSSフレームワークです。
これらの例は、W3.CSSでWindowsMetroカラーを使用する方法を示しています。
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
w3-メトロライトグリーン
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
w3-メトログリーン
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
w3-メトロ-ダークグリーン
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
w3-メトロマゼンタ
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
w3-メトロライトパープル
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
w3-メトロパープル
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
w3-メトロ-ダークパープル
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
w3-メトロ-暗くする
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
w3-メトロティール
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
w3-メトロ-ライトブルー
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
w3-メトロブルー
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
w3-メトロ-ダークブルー
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
w3-メトロイエロー
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
w3-メトロオレンジ
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
w3-メトロ-ダーク-オレンジ
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
w3-メトロレッド
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
w3-メトロ-ダークレッド
例
<div class="w3-metro-light-green">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>