WEB2.0网站流行色的代码

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]

This entry was posted in Technology and tagged , , . Bookmark the permalink. 4,518 views

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *