web2.0网站流行色，下面提取了目前比较流行的一些网站、应用的配色：
图片示例：
网页示例
以下是三套目前Web 2.0网站流行试用的颜色元素：
Neutrals(中性)
style="MARGIN: 8px 0px; FONT: 1.6em Georgia; font-size-adjust: none; font-stretch: normal"> style="BORDER-RIGHT: #444444 1px solid; BORDER-TOP: #444444 1px solid; BACKGROUND: #eeeeee 0% 50%; FLOAT: left; BORDER-LEFT: #444444 1px solid; WIDTH: 32px; MARGIN-RIGHT: 16px; BORDER-BOTTOM: #444444 1px solid; HEIGHT: 32px; moz-background-clip: -moz-initial; moz-background-origin: -moz-initial; moz-background-inline-policy: -moz-initial">
Shiny silver style="FONT-SIZE: small">[#EEEEEE]
style="MARGIN: 8px 0px; FONT: 1.6em Georgia; font-size-adjust: none; font-stretch: normal"> style="BORDER-RIGHT: #444444 1px solid; BORDER-TOP: #444444 1px solid; BACKGROUND: #ffffff 0% 50%; FLOAT: left; BORDER-LEFT: #444444 1px solid; WIDTH: 32px; MARGIN-RIGHT: 16px; BORDER-BOTTOM: #444444 1px solid; HEIGHT: 32px; moz-background-clip: -moz-initial; moz-background-origin: -moz-initial; moz-background-inline-policy: -moz-initial">
Reddit white style="FONT-SIZE: small">[#FFFFFF]
style="MARGIN: 8px 0px; FONT: 1.6em Georgia; font-size-adjust: none; font-stretch: normal"> style="BORDER-RIGHT: #444444 1px solid; BORDER-TOP: #444444 1px solid; BACKGROUND: #f9f7ed 0% 50%; FLOAT: left; BORDER-LEFT: #444444 1px solid; WIDTH: 32px; MARGIN-RIGHT: 16px; BORDER-BOTTOM: #444444 1px solid; HEIGHT: 32px; moz-background-clip: -moz-initial; moz-background-origin: -moz-initial; moz-background-inline-policy: -moz-initial">
Magnolia Mag.nolia style="FONT-SIZE: small">[#F9F7ED]
style="MARGIN: 8px 0px; FONT: 1.6em Georgia; font-size-adjust: none; font-stretch: normal"> style="BORDER-RIGHT: #444444 1px solid; BORDER-TOP: #444444 1px solid; BACKGROUND: #ffff88 0% 50%; FLOAT: left; BORDER-LEFT: #444444 1px solid; WIDTH: 32px; MARGIN-RIGHT: 16px; BORDER-BOTTOM: #444444 1px solid; HEIGHT: 32px; moz-background-clip: -moz-initial; moz-background-origin: -moz-initial; moz-background-inline-policy: -moz-initial">
Interactive action yellow style="FONT-SIZE: 0.6em; COLOR: #888888"> style="FONT-SIZE: small">[#FFFF88]
style="MARGIN: 8px 0px; FONT: 1.6em Georgia; font-size-adjust: none; font-stretch: normal"> style="BORDER-RIGHT: #444444 1px solid; BORDER-TOP: #444444 1px solid; BACKGROUND: #cdeb8b 0% 50%; FLOAT: left; BORDER-LEFT: #444444 1px solid; WIDTH: 32px; MARGIN-RIGHT: 16px; BORDER-BOTTOM: #444444 1px solid; HEIGHT: 32px; moz-background-clip: -moz-initial; moz-background-origin: -moz-initial; moz-background-inline-policy: -moz-initial">
Qoop Mint style="FONT-SIZE: small">[#CDEB8B]
style="MARGIN: 8px 0px; FONT: 1.6em Georgia; font-size-adjust: none; font-stretch: normal"> style="BORDER-RIGHT: #444444 1px solid; BORDER-TOP: #444444 1px solid; BACKGROUND: #c3d9ff 0% 50%; FLOAT: left; BORDER-LEFT: #444444 1px solid; WIDTH: 32px; MARGIN-RIGHT: 16px; BORDER-BOTTOM: #444444 1px solid; HEIGHT: 32px; moz-background-clip: -moz-initial; moz-background-origin: -moz-initial; moz-background-inline-policy: -moz-initial">
Gmail blue style="FONT-SIZE: small">[#C3D9FF]
style="MARGIN: 8px 0px; FONT: 1.6em Georgia; font-size-adjust: none; font-stretch: normal"> style="BORDER-RIGHT: #444444 1px solid; BORDER-TOP: #444444 1px solid; BACKGROUND: #36393d 0% 50%; FLOAT: left; BORDER-LEFT: #444444 1px solid; WIDTH: 32px; MARGIN-RIGHT: 16px; BORDER-BOTTOM: #444444 1px solid; HEIGHT: 32px; moz-background-clip: -moz-initial; moz-background-origin: -moz-initial; moz-background-inline-policy: -moz-initial">
Shadows Grey style="FONT-SIZE: small">[#36393D]
Bold(醒目)
style="MARGIN: 8px 0px; FONT: 1.6em Georgia; font-size-adjust: none; font-stretch: normal"> style="BORDER-RIGHT: #444444 1px solid; BORDER-TOP: #444444 1px solid; BACKGROUND: #ff1a00 0% 50%; FLOAT: left; BORDER-LEFT: #444444 1px solid; WIDTH: 32px; MARGIN-RIGHT: 16px; BORDER-BOTTOM: #444444 1px solid; HEIGHT: 32px; moz-background-clip: -moz-initial; moz-background-origin: -moz-initial; moz-background-inline-policy: -moz-initial">
Mozilla Red style="FONT-SIZE: small">[#FF1A00]
style="MARGIN: 8px 0px; FONT: 1.6em Georgia; font-size-adjust: none; font-stretch: normal"> style="BORDER-RIGHT: #444444 1px solid; BORDER-TOP: #444444 1px solid; BACKGROUND: #cc0000 0% 50%; FLOAT: left; BORDER-LEFT: #444444 1px solid; WIDTH: 32px; MARGIN-RIGHT: 16px; BORDER-BOTTOM: #444444 1px solid; HEIGHT: 32px; moz-background-clip: -moz-initial; moz-background-origin: -moz-initial; moz-background-inline-policy: -moz-initial">
Rollyo Red style="FONT-SIZE: small">[#CC0000]
style="MARGIN: 8px 0px; FONT: 1.6em Georgia; font-size-adjust: none; font-stretch: normal"> style="BORDER-RIGHT: #444444 1px solid; BORDER-TOP: #444444 1px solid; BACKGROUND: #ff7400 0% 50%; FLOAT: left; BORDER-LEFT: #444444 1px solid; WIDTH: 32px; MARGIN-RIGHT: 16px; BORDER-BOTTOM: #444444 1px solid; HEIGHT: 32px; moz-background-clip: -moz-initial; moz-background-origin: -moz-initial; moz-background-inline-policy: -moz-initial">
RSS orange style="FONT-SIZE: small">[#FF7400]
style="MARGIN: 8px 0px; FONT: 1.6em Georgia; font-size-adjust: none; font-stretch: normal"> style="BORDER-RIGHT: #444444 1px solid; BORDER-TOP: #444444 1px solid; BACKGROUND: #008c00 0% 50%; FLOAT: left; BORDER-LEFT: #444444 1px solid; WIDTH: 32px; MARGIN-RIGHT: 16px; BORDER-BOTTOM: #444444 1px solid; HEIGHT: 32px; moz-background-clip: -moz-initial; moz-background-origin: -moz-initial; moz-background-inline-policy: -moz-initial">
Techcrunch green style="FONT-SIZE: small">[#008C00]
style="MARGIN: 8px 0px; FONT: 1.6em Georgia; font-size-adjust: none; font-stretch: normal"> style="BORDER-RIGHT: #444444 1px solid; BORDER-TOP: #444444 1px solid; BACKGROUND: #006e2e 0% 50%; FLOAT: left; BORDER-LEFT: #444444 1px solid; WIDTH: 32px; MARGIN-RIGHT: 16px; BORDER-BOTTOM: #444444 1px solid; HEIGHT: 32px; moz-background-clip: -moz-initial; moz-background-origin: -moz-initial; moz-background-inline-policy: -moz-initial">
Newsvine Green style="FONT-SIZE: small">[#006E2E]
style="MARGIN: 8px 0px; FONT: 1.6em Georgia; font-size-adjust: none; font-stretch: normal"> style="BORDER-RIGHT: #444444 1px solid; BORDER-TOP: #444444 1px solid; BACKGROUND: #4096ee 0% 50%; FLOAT: left; BORDER-LEFT: #444444 1px solid; WIDTH: 32px; MARGIN-RIGHT: 16px; BORDER-BOTTOM: #444444 1px solid; HEIGHT: 32px; moz-background-clip: -moz-initial; moz-background-origin: -moz-initial; moz-background-inline-policy: -moz-initial">
Flock Blue style="FONT-SIZE: small">[#4096EE]
style="MARGIN: 8px 0px; FONT: 1.6em Georgia; font-size-adjust: none; font-stretch: normal"> style="BORDER-RIGHT: #444444 1px solid; BORDER-TOP: #444444 1px solid; BACKGROUND: #ff0084 0% 50%; FLOAT: left; BORDER-LEFT: #444444 1px solid; WIDTH: 32px; MARGIN-RIGHT: 16px; BORDER-BOTTOM: #444444 1px solid; HEIGHT: 32px; moz-background-clip: -moz-initial; moz-background-origin: -moz-initial; moz-background-inline-policy: -moz-initial">
Flickr Pink style="FONT-SIZE: small">[#FF0084]
Muted(柔和)
style="MARGIN: 8px 0px; FONT: 1.6em Georgia; font-size-adjust: none; font-stretch: normal"> style="BORDER-RIGHT: #444444 1px solid; BORDER-TOP: #444444 1px solid; BACKGROUND: #b02b2c 0% 50%; FLOAT: left; BORDER-LEFT: #444444 1px solid; WIDTH: 32px; MARGIN-RIGHT: 16px; BORDER-BOTTOM: #444444 1px solid; HEIGHT: 32px; moz-background-clip: -moz-initial; moz-background-origin: -moz-initial; moz-background-inline-policy: -moz-initial">
Ruby on Rails Red style="FONT-SIZE: small">[#B02B2C]
style="MARGIN: 8px 0px; FONT: 1.6em Georgia; font-size-adjust: none; font-stretch: normal"> style="BORDER-RIGHT: #444444 1px solid; BORDER-TOP: #444444 1px solid; BACKGROUND: #d15600 0% 50%; FLOAT: left; BORDER-LEFT: #444444 1px solid; WIDTH: 32px; MARGIN-RIGHT: 16px; BORDER-BOTTOM: #444444 1px solid; HEIGHT: 32px; moz-background-clip: -moz-initial; moz-background-origin: -moz-initial; moz-background-inline-policy: -moz-initial">
Etsy Vermillion style="FONT-SIZE: small">[#D15600]
style="MARGIN: 8px 0px; FONT: 1.6em Georgia; font-size-adjust: none; font-stretch: normal"> style="BORDER-RIGHT: #444444 1px solid; BORDER-TOP: #444444 1px solid; BACKGROUND: #c79810 0% 50%; FLOAT: left; BORDER-LEFT: #444444 1px solid; WIDTH: 32px; MARGIN-RIGHT: 16px; BORDER-BOTTOM: #444444 1px solid; HEIGHT: 32px; moz-background-clip: -moz-initial; moz-background-origin: -moz-initial; moz-background-inline-policy: -moz-initial">
43 Things Gold style="FONT-SIZE: small">[#C79810]
style="MARGIN: 8px 0px; FONT: 1.6em Georgia; font-size-adjust: none; font-stretch: normal"> style="BORDER-RIGHT: #444444 1px solid; BORDER-TOP: #444444 1px solid; BACKGROUND: #73880a 0% 50%; FLOAT: left; BORDER-LEFT: #444444 1px solid; WIDTH: 32px; MARGIN-RIGHT: 16px; BORDER-BOTTOM: #444444 1px solid; HEIGHT: 32px; moz-background-clip: -moz-initial; moz-background-origin: -moz-initial; moz-background-inline-policy: -moz-initial">
Writely Olive style="FONT-SIZE: small">[#73880A]
style="MARGIN: 8px 0px; FONT: 1.6em Georgia; font-size-adjust: none; font-stretch: normal"> style="BORDER-RIGHT: #444444 1px solid; BORDER-TOP: #444444 1px solid; BACKGROUND: #6bba70 0% 50%; FLOAT: left; BORDER-LEFT: #444444 1px solid; WIDTH: 32px; MARGIN-RIGHT: 16px; BORDER-BOTTOM: #444444 1px solid; HEIGHT: 32px; moz-background-clip: -moz-initial; moz-background-origin: -moz-initial; moz-background-inline-policy: -moz-initial">
Basecamp Green style="FONT-SIZE: small">[#6BBA70]
style="MARGIN: 8px 0px; FONT: 1.6em Georgia; font-size-adjust: none; font-stretch: normal"> style="BORDER-RIGHT: #444444 1px solid; BORDER-TOP: #444444 1px solid; BACKGROUND: #3f4c6b 0% 50%; FLOAT: left; BORDER-LEFT: #444444 1px solid; WIDTH: 32px; MARGIN-RIGHT: 16px; BORDER-BOTTOM: #444444 1px solid; HEIGHT: 32px; moz-background-clip: -moz-initial; moz-background-origin: -moz-initial; moz-background-inline-policy: -moz-initial">
Mozilla Blue style="FONT-SIZE: small">[#3F4C6B]
style="MARGIN: 8px 0px; FONT: 1.6em Georgia; font-size-adjust: none; font-stretch: normal"> style="BORDER-RIGHT: #444444 1px solid; BORDER-TOP: #444444 1px solid; BACKGROUND: #356aa0 0% 50%; FLOAT: left; BORDER-LEFT: #444444 1px solid; WIDTH: 32px; MARGIN-RIGHT: 16px; BORDER-BOTTOM: #444444 1px solid; HEIGHT: 32px; moz-background-clip: -moz-initial; moz-background-origin: -moz-initial; moz-background-inline-policy: -moz-initial">
Digg Blue style="FONT-SIZE: small">[#356AA0]
style="MARGIN: 8px 0px; FONT: 1.6em Georgia; font-size-adjust: none; font-stretch: normal"> style="BORDER-RIGHT: #444444 1px solid; BORDER-TOP: #444444 1px solid; BACKGROUND: #d01f3c 0% 50%; FLOAT: left; BORDER-LEFT: #444444 1px solid; WIDTH: 32px; MARGIN-RIGHT: 16px; BORDER-BOTTOM: #444444 1px solid; HEIGHT: 32px; moz-background-clip: -moz-initial; moz-background-origin: -moz-initial; moz-background-inline-policy: -moz-initial">
Last.fm Crimson style="FONT-SIZE: small">[#D01F3C]