MetroUI カラーチャート
return To

Windows8に採用され注目されたメトロUIやメトロデザインといったものに使われる色見本を整理してみました。
メトロUI、メトロデザインと言うのが一般には浸透していますが、それ以外にもFlatUI、フラットデザインも同じようなコンセプトのデザインがあります。

ちなみにMicrosoft公式には商標問題によってModern UI(モダンUI)と改称したようですが、ずいぶん適当な名前ですね

メトロデザインは、フラットなデザインと鮮やかな色彩が特徴です。特に色の選択は重要ですが、これが"メトロカラー"だ!と定められているわけでは無いようで、Google検索してもなかなか、コレといったカラーセットが見つからないワケです。

なので、Windows8で採用されている基本色と、
Metro UI CSSフレームワーク(http://metroui.org.ua/)で採用されている、もう少しビビットなメトロカラーの2系統について↓にまとめてみました。
Windows8とMetroUIフレームワークの2系統のカラーセットに加え、明度を操作し、明るめのBrighterと暗めのDarkerも合わせて表示しています。

マウスHover時の色変化、ボーダー色、グラデーション等に使えばいいんじゃないかと思います。
オズサークルのメトロページにもデータをまとめておきます
Windows8 Colors
Brighter
Darker
MetroUI Colors
Brighter
Darker
Copied to Your Clipboad. Paste by [ ctrl+V ]