Windows Metro UI สี
เมโทรเป็นชื่อเล่นของ Microsoft Design Language (MDL)
เมโทรมุ่งเน้นไปที่การออกแบบเรียบๆ และสีสันที่ทันสมัย:
สีเขียวอ่อน
เขียว
เขียวเข้ม
สีม่วงแดง
สีม่วงอ่อน
สีม่วง
สีม่วงเข้ม
Darken
นกเป็ดน้ำ
ฟ้าอ่อน
สีฟ้า
น้ำเงิน
สีเหลือง
ส้ม
ส้มเข้ม
สีแดง
ดำแดง
การใช้สีเมโทรใน W3.CSS
W3.CSS เป็นเฟรมเวิร์ก CSS สมัยใหม่ที่ใช้สำหรับจัดรูปแบบหน้า HTML
ตัวอย่างเหล่านี้แสดงให้คุณเห็นถึงวิธีการใช้สี Windows Metro กับ W3.CSS:
ลอนดอน
ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน
w3-metro-light-green
ลอนดอน
ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน
w3-metro-สีเขียว
ลอนดอน
ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน
w3-เมโทร-เขียวเข้ม
ลอนดอน
ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน
w3-metro-magenta
ลอนดอน
ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน
w3-เมโทร-ม่วง-ม่วง
ลอนดอน
ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน
w3-เมโทร-สีม่วง
ลอนดอน
ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน
w3-เมโทร-ม่วง-ม่วง
ลอนดอน
ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน
w3-metro-มืดลง
ลอนดอน
ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน
w3-metro-น้าน
ลอนดอน
ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน
w3-metro-light-blue
ลอนดอน
ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน
w3-metro-สีน้ำเงิน
ลอนดอน
ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน
w3-เมโทร-สีน้ำเงินเข้ม
ลอนดอน
ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน
w3-เมโทร-เหลือง
ลอนดอน
ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน
w3-เมโทร-ส้ม
ลอนดอน
ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน
w3-เมโทร-ส้ม-ส้ม
ลอนดอน
ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน
w3-เมโทร-แดง
ลอนดอน
ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน
w3-metro-dark-red
ตัวอย่าง
<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>