web2.0色系

所属分类：网络编程 / web2.0 阅读数： 341

收藏 0赞 0分享

logoorange.com列举了web2.0网站的设计的主色调，对于关注2.0和设计的人员来说应该不错的。

<div id="color-chart"> <pre style="font-size: 11px; font-family: "Courier New"; line-height: 18px;">(PMS) C M Y K RGB Hex 100 0 0 51 0 #ffff7d 101 0 0 79 0 #ffff36 102 0 1 95 0 #fffc0d 103 0 3 100 18 #d1cb00 104 0 3 100 30 #b3ad00 105 0 3 100 50 #807c00 106 0 2 69 0 #fffa4f 107 0 4 79 0 #fff536 108 0 6 95 0 #fff00d 109 0 10 100 0 #ffe600 110 0 12 100 7 #edd100 111 0 11 100 27 #baa600 112 0 10 100 38 #9e8e00 113 0 7 66 0 #ffed57 114 0 8 73 0 #ffeb45 115 0 9 80 0 #ffe833 116 0 16 100 0 #ffd600 117 0 18 100 15 #d9b200 118 0 18 100 27 #ba9900 119 0 12 100 49 #827200 120 0 9 58 0 #ffe86b 1205 0 5 31 0 #fff2b0 121 0 11 69 0 #ffe34f 1215 0 9 45 0 #ffe88c 122 0 17 80 0 #ffd433 1225 0 17 62 0 #ffd461 123 0 24 94 0 #ffc20f 1235 0 29 91 0 #ffb517 124 0 28 100 6 #f0ad00 1245 0 28 100 18 #d19700 125 0 26 100 26 #bd8c00 1255 0 27 100 34 #a87b00 126 0 25 100 37 #a17800 1265 0 27 100 51 #7d5b00 127 0 7 50 0 #ffed80 128 0 11 65 0 #ffe359 129 0 16 77 0 #ffd63b 130 0 30 100 0 #ffb300 131 0 32 100 9 #e89e00 132 0 28 100 30 #b38100 133 0 20 100 56 #705a00 134 0 11 45 0 #ffe38c 1345 0 14 47 0 #ffdb87 135 0 19 60 0 #ffcf66 1355 0 20 56 0 #ffcc70 136 0 27 76 0 #ffba3d 1365 0 29 72 0 #ffb547 137 0 35 90 0 #ffa61a 1375 0 40 90 0 #ff991a 138 0 42 100 1 #fc9200 1385 0 44 100 7 #ed8500 139 0 37 100 23 #c47c00 1395 0 41 100 37 #a15f00 140 0 27 100 54 #755600 1405 0 36 100 63 #5e3c00 141 0 19 51 0 #ffcf7d 142 0 28 76 0 #ffb83d 143 0 35 85 0 #ffa626 144 0 48 100 0 #ff8500 145 0 47 100 8 #eb7c00 146 0 43 100 33 #ab6100 147 0 28 100 56 #705100 148 0 16 37 0 #ffd6a1 1485 0 27 54 0 #ffba75 149 0 23 47 0 #ffc487 1495 0 33 67 0 #ffab54 150 0 35 70 0 #ffa64d 1505 0 42 77 0 #ff943b 151 0 48 95 0 #ff850d 152 0 51 100 1 #fc7c00 1525 0 58 100 10 #e66000 153 0 46 100 18 #d17100 1535 0 53 100 38 #9e4a00 154 0 46 100 34 #a85b00 1545 0 53 100 72 #472200 155 0 12 28 0 #ffe0b8 1555 0 22 34 0 #ffc7a8 156 0 22 42 0 #ffc794 1565 0 34 49 0 #ffa882 157 0 43 70 0 #ff914d 1575 0 45 72 0 #ff8c47 158 0 61 97 0 #ff6308 1585 0 56 90 0 #ff701a 159 0 66 100 7 #ed5100 1595 0 59 100 5 #f26300 160 0 62 100 32 #ad4200 1605 0 56 100 30 #b34f00 161 0 52 100 64 #5c2c00 1615 0 56 100 43 #914000 162 0 15 22 0 #ffd9c7 1625 0 31 37 0 #ffb0a1 163 0 31 44 0 #ffb08f 1635 0 39 48 0 #ff9c85 164 0 46 73 0 #ff8a45 1645 0 49 66 0 #ff8257 165 0 59 96 0 #ff690a 1655 0 63 91 0 #ff5e17 166 0 64 100 0 #ff5c00 1665 0 68 100 0 #ff5200 167 0 60 100 17 #d45500 1675 0 67 100 28 #b83d00 168 0 57 100 59 #692d00 1685 0 68 100 44 #8f2e00 169 0 20 20 0 #ffcccc 170 0 40 44 0 #ff998f 171 0 53 68 0 #ff7852 172 0 66 88 0 #ff571f 173 0 69 100 4 #f54c00 174 0 70 100 36 #a33100 175 0 65 100 60 #662400 176 0 25 18 0 #ffbfd1 1765 0 38 21 0 #ff9ec9 1767 0 27 12 0 #ffbae0 177 0 45 40 0 #ff8c99 1775 0 47 29 0 #ff87b5 1777 0 58 36 0 #ff6ba3 178 0 59 56 0 #ff6970 1785 0 67 50 0 #ff5480 1787 0 76 60 0 #ff3d66 1788 0 84 88 0 #ff291f 179 0 79 100 0 #ff3600 1795 0 94 100 0 #ff0f00 1797 0 100 99 4 #f50002 180 0 79 100 11 #e33000 1805 0 91 100 23 #c41200 1807 0 100 96 28 #b80007 181 0 74 100 47 #872300 1815 0 90 100 51 #7d0c00 1817 0 90 100 66 #570900 182 0 26 10 0 #ffbde6 183 0 46 21 0 #ff8ac9 184 0 68 41 0 #ff5296 185 0 91 76 0 #ff173d 186 0 100 81 4 #f5002f 187 0 100 79 20 #cc002b 188 0 97 100 50 #800400 189 0 37 10 0 #ffa1e6 1895 0 28 7 0 #ffb8ed 190 0 55 22 0 #ff73c7 1905 0 41 9 0 #ff96e8 191 0 76 38 0 #ff3d9e 1915 0 71 20 0 #ff4acc 192 0 100 68 0 #ff0052 1925 0 100 55 0 #ff0073 193 0 100 66 13 #de004b 1935 0 100 57 5 #f20068 194 0 100 64 33 #ab003e 1945 0 100 56 19 #cf005b 195 0 100 60 55 #73002e 1955 0 100 60 37 #a10040 196 0 25 4 0 #ffbff5 197 0 45 10 0 #ff8ce6 198 0 78 33 0 #ff38ab 199 0 100 62 0 #ff0061 200 0 100 63 12 #e00053 201 0 100 63 29 #b50043 202 0 100 61 43 #910039 203 0 34 3 0 #ffa8f7 204 0 58 3 0 #ff6bf7 205 0 84 9 0 #ff29e8 206 0 100 38 3 #f70099 207 0 100 43 19 #cf0076 208 0 100 36 37 #a10067 209 0 100 34 53 #78004f 210 0 39 6 0 #ff9cf0 211 0 55 8 0 #ff73eb 212 0 72 11 0 #ff47e3 213 0 95 27 0 #ff0dba 214 0 100 34 8 #eb009b 215 0 100 35 27 #ba0079 216 0 95 40 49 #82074e 217 0 28 0 0 #ffb8ff 218 2 61 0 0 #fa63ff 219 1 88 0 0 #fc1fff 220 0 100 13 17 #d400b8 221 0 100 15 30 #b30098 222 0 100 10 59 #69005e 223 0 46 0 0 #ff8aff 224 1 63 0 0 #fc5eff 225 1 83 0 0 #fc2bff 226 0 100 0 0 #ff00ff 227 0 100 7 19 #cf00c0 228 0 100 4 41 #960090 229 0 100 15 60 #660057 230 0 34 0 0 #ffa8ff 231 1 52 0 0 #fc7aff 232 3 67 0 0 #f754ff 233 11 100 0 0 #e300ff 234 6 100 0 26 #b100bd 235 5 100 0 40 #910099 236 1 30 0 0 #fcb3ff 2365 2 27 0 0 #fabaff 237 3 49 0 0 #f782ff 2375 10 57 0 0 #e66eff 238 6 63 0 0 #f05eff 2385 19 79 0 0 #cf36ff 239 11 79 0 0 #e336ff 2395 27 95 0 0 #ba0dff 240 18 94 0 0 #d10fff 2405 34 100 0 0 #a800ff 241 27 100 0 2 #b600fa 2415 33 100 0 8 #9d00eb 242 10 100 0 49 #750082 2425 37 100 0 26 #7700bd 243 5 29 0 0 #f2b5ff 244 9 38 0 0 #e89eff 245 14 53 0 0 #db78ff 246 29 90 0 0 #b51aff 247 36 100 0 0 #a300ff 248 40 100 0 2 #9600fa 249 40 100 0 28 #6e00b8 250 5 18 0 0 #f2d1ff 251 13 39 0 0 #de9cff 252 24 56 0 0 #c270ff 253 43 95 0 0 #910dff 254 50 100 0 0 #8000ff 255 51 100 0 25 #5e00bf 256 7 20 0 0 #edccff 2562 19 35 0 0 #cfa6ff 2563 22 33 0 0 #c7abff 2567 29 36 0 0 #b5a3ff 257 14 34 0 0 #dba8ff 2572 30 47 0 0 #b387ff 2573 30 43 0 0 #b391ff 2577 40 45 0 0 #998cff 258 43 76 0 0 #913dff 2582 46 72 0 0 #8a47ff 2583 46 63 0 0 #8a5eff 2587 59 66 0 0 #6957ff 259 56 100 0 15 #5f00d9 2592 60 90 0 0 #661aff 2593 61 89 0 0 #631cff 2597 85 100 0 0 #2600ff 260 52 100 0 26 #5b00bd 2602 63 100 0 3 #5c00f7 2603 69 100 0 2 #4d00fa 2607 81 100 0 7 #2d00ed 261 48 100 0 40 #500099 2612 64 100 0 14 #4f00db 2613 63 100 0 15 #5000d9 2617 79 100 0 15 #2e00d9 262 45 100 0 55 #3f0073 2622 58 100 0 44 #3c008f 2623 59 100 0 32 #4700ad 2627 77 100 0 31 #2800b0 263 10 14 0 0 #e6dbff 2635 28 27 0 0 #b8baff 264 26 28 0 0 #bdb8ff 2645 40 36 0 0 #99a3ff 265 54 56 0 0 #7570ff 2655 54 49 0 0 #7582ff 266 79 90 0 0 #361aff 2665 62 60 0 0 #6166ff 267 89 100 0 0 #1c00ff 268 82 100 0 12 #2800e0 2685 96 100 0 10 #0900e6 269 78 100 0 33 #2600ab 2695 91 100 0 49 #0c0082 270 31 27 0 0 #b0baff 2705 40 30 0 0 #99b3ff 2706 19 9 0 0 #cfe8ff 2707 17 6 0 0 #d4f0ff 2708 26 10 0 0 #bde6ff 271 43 37 0 0 #91a1ff 2715 57 45 0 0 #6e8cff 2716 45 29 0 0 #8cb5ff 2717 29 12 0 0 #b5e0ff 2718 67 41 0 0 #5496ff 272 58 48 0 0 #6b85ff 2725 77 68 0 0 #3b52ff 2726 79 66 0 0 #3657ff 2727 71 42 0 0 #4a94ff 2728 96 69 0 0 #0a4fff 273 100 96 0 8 #0009eb 2735 100 95 0 0 #000dff 2736 100 91 0 0 #0017ff 2738 100 87 0 2 #0020fa 274 100 100 0 28 #0000b8 
 </div>

<div class="bg-white p-5 mb-3 ">
 <div class="TextSize-1 border-bottom pb-2 mb-2"><a href="/category/web20_53.html" class="float-right TextSize-0">更多精彩内容</a>其他人还在看</div>
 <a class="btn btn-light btn-block mt-3" href="/category/web20_53.html">查看更多</a>
 </div>
 </div>
 <div class="IndexRight">
 <div class="mb-3 p-3 bg-white">
 
 <div class="border-bottom d-flex justify-content-between">
 <h3 class="my-0">网络赚钱</h3>
 <a href="/category/wangluozuanqian_148.html">更多</a>
 </div>
 <ul class="pt-2">
<li class="IndexList text-truncate mb-2" style="line-height:1.3rem;">
 <a class="text-wrap text-black" href="/detail/wangluozuanqian_372517.html"><img class="img-thumbnail mr-2 " style="width:80px;float:left;" src="https://cdn.zhanzhang360.cn/Static/images/thumb/img_0116.jpg"></a>
 <a class="text-wrap text-black" href="/detail/wangluozuanqian_372517.html">揭秘朋友圈面膜：足不出户 国内生产俩月造出国际大牌</a>
 </li>
<li class="IndexList text-truncate mb-2" style="line-height:1.3rem;">
 <a class="text-wrap text-black" href="/detail/wangluozuanqian_372481.html"><img class="img-thumbnail mr-2 " style="width:80px;float:left;" src="https://cdn.zhanzhang360.cn/Static/images/thumb/img_0194.jpg"></a>
 <a class="text-wrap text-black" href="/detail/wangluozuanqian_372481.html">站长故事实战：淘宝买关键词排名SEO服务攻略介绍</a>
 </li>
<li class="IndexList text-truncate mb-2" style="line-height:1.3rem;">
 <a class="text-wrap text-black" href="/detail/wangluozuanqian_372479.html"><img class="img-thumbnail mr-2 " style="width:80px;float:left;" src="https://cdn.zhanzhang360.cn/Static/images/thumb/img_0073.jpg"></a>
 <a class="text-wrap text-black" href="/detail/wangluozuanqian_372479.html">全面剖析日赚500元项目的骗局</a>
 </li>
<li class="IndexList text-truncate mb-2" style="line-height:1.3rem;">
 <a class="text-wrap text-black" href="/detail/wangluozuanqian_372476.html"><img class="img-thumbnail mr-2 " style="width:80px;float:left;" src="https://cdn.zhanzhang360.cn/Static/images/thumb/img_0076.jpg"></a>
 <a class="text-wrap text-black" href="/detail/wangluozuanqian_372476.html">不靠网络广告,站长收益从何来?</a>
 </li>
<li class="IndexList text-truncate mb-2" style="line-height:1.3rem;">
 <a class="text-wrap text-black" href="/detail/wangluozuanqian_372463.html"><img class="img-thumbnail mr-2 " style="width:80px;float:left;" src="https://cdn.zhanzhang360.cn/Static/images/thumb/img_0222.jpg"></a>
 <a class="text-wrap text-black" href="/detail/wangluozuanqian_372463.html">新手站长谈谈如何做好广告联盟</a>
 </li>
<li class="IndexList text-truncate mb-2" style="line-height:1.3rem;">
 <a class="text-wrap text-black" href="/detail/wangluozuanqian_372461.html"><img class="img-thumbnail mr-2 " style="width:80px;float:left;" src="https://cdn.zhanzhang360.cn/Static/images/thumb/img_0161.jpg"></a>
 <a class="text-wrap text-black" href="/detail/wangluozuanqian_372461.html">如何适当提高垃圾站Google</a>
 </li>
</ul>
 </div>

<div class="p-3 bg-white">
 
 <div class="border-bottom d-flex justify-content-between">
 <h3 class="my-0">站长故事</h3>
 <a href="/category/zhanchanggushi_150.html">更多</a>
 </div>
 <ul class="pt-2">
<li class="IndexList text-truncate mb-2" style="line-height:1.3rem;">
 <a class="text-wrap text-black" href="/detail/zhanchanggushi_372427.html"><img class="img-thumbnail mr-2 " style="width:80px;float:left;" src="https://cdn.zhanzhang360.cn/Static/images/thumb/img_0184.jpg"></a>
 <a class="text-wrap text-black" href="/detail/zhanchanggushi_372427.html">站长故事 新站两个月权重上升到3的经验分享</a>
 </li>
<li class="IndexList text-truncate mb-2" style="line-height:1.3rem;">
 <a class="text-wrap text-black" href="/detail/zhanchanggushi_372422.html"><img class="img-thumbnail mr-2 " style="width:80px;float:left;" src="https://cdn.zhanzhang360.cn/Static/images/thumb/img_0213.jpg"></a>
 <a class="text-wrap text-black" href="/detail/zhanchanggushi_372422.html">有钱就是任性 2014年科技界大佬十大惊人语录</a>
 </li>
<li class="IndexList text-truncate mb-2" style="line-height:1.3rem;">
 <a class="text-wrap text-black" href="/detail/zhanchanggushi_372413.html"><img class="img-thumbnail mr-2 " style="width:80px;float:left;" src="https://cdn.zhanzhang360.cn/Static/images/thumb/img_0148.jpg"></a>
 <a class="text-wrap text-black" href="/detail/zhanchanggushi_372413.html">微营销实例之一个80后妈妈的微商之旅</a>
 </li>
<li class="IndexList text-truncate mb-2" style="line-height:1.3rem;">
 <a class="text-wrap text-black" href="/detail/zhanchanggushi_372406.html"><img class="img-thumbnail mr-2 " style="width:80px;float:left;" src="https://cdn.zhanzhang360.cn/Static/images/thumb/img_0010.jpg"></a>
 <a class="text-wrap text-black" href="/detail/zhanchanggushi_372406.html">曾与前苹果CEO搭档 Zeta公司营收过亿美元背后的经验与教训</a>
 </li>
<li class="IndexList text-truncate mb-2" style="line-height:1.3rem;">
 <a class="text-wrap text-black" href="/detail/zhanchanggushi_219350.html"><img class="img-thumbnail mr-2 " style="width:80px;float:left;" src="https://cdn.zhanzhang360.cn/Static/images/thumb/img_0141.jpg"></a>
 <a class="text-wrap text-black" href="/detail/zhanchanggushi_219350.html">做好网站维护 持续吸引用户浏览</a>
 </li>
<li class="IndexList text-truncate mb-2" style="line-height:1.3rem;">
 <a class="text-wrap text-black" href="/detail/zhanchanggushi_219344.html"><img class="img-thumbnail mr-2 " style="width:80px;float:left;" src="https://cdn.zhanzhang360.cn/Static/images/thumb/img_0177.jpg"></a>
 <a class="text-wrap text-black" href="/detail/zhanchanggushi_219344.html">暴走漫画运营经理 这就是高级运营与初级运营的区别</a>
 </li>
</ul>
 </div>

</div>
 </div>

<li><a href="https://www.51qumai.cn" class="text-gray mr-2" target="_blank">小程序SAAS平台</a>
							<a href="https://www.q-cms.cn" class="text-gray" target="_blank">QCMS建站系统</a></li>
						<li><a href="https://www.sj-web.com.cn" class="text-gray mr-2" target="_blank">松江网站建设</a>
							<a href="https://www.codapp.cn/" class="text-gray" target="_blank">扫码点餐小程序</a></li>
						<li><a href="https://www.ppt360.com.cn/" target="_blank" class="text-gray mr-2">PPT模板网</a>
 					<a href="https://www.sucai360.cn/" target="_blank" class="text-gray mr-2">站长素材网</a></li>
						<li>
							<a href="https://www.hetong369.cn/" target="_blank" class="text-gray mr-2">合同模板网</a>
							<a href="https://www.zhanzhang360.cn/" target="_blank" class="text-gray mr-2">站长极客</a>
							<a href="https://www.mingzi365.cn/" target="_blank" class="text-gray mr-2" >好听名字网</a>
 				</li>
					</ul>
				</div>
				<div class="col-2">
					<div class="TextSize-1 font-weight-bold">在线工具</div>
					<ul>

<li><a href="/index/map" class="text-gray">网站地图</a></li>
					</ul>
				</div>
				<div class="col-4 text-center">
					<div class="TextSize-1 py-2 ">建站极客移动版</div>
					<div class="pb-2">聚合全网技术文章，根据你的阅读喜好进行个性推荐</div>
					<button class="btn btn-success px-5">立即访问</button>
				</div>
			</div>
		</div>
	</div>
 <div class="container py-2 px-0 text-gray d-flex justify-content-between" >
 <div>© 2012 - 2020 zhanzhang360.cn Some Rights Reserved. </div><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow" class="text-gray">沪ICP备13040166号-22</a>
 </div>
</div></body>
<script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.6.0/jquery.min.js"></script>
<script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/bootstrap/4.6.1/js/bootstrap.min.js"></script>
<script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>
<script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/Swiper/4.2.6/js/swiper.min.js" type="application/javascript"></script>
<script src="https://cdn.zhanzhang360.cn/Static/scripts/index.js"></script>
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id:"21goVm8e98qLjTEa",ck:"21goVm8e98qLjTEa"})</script>