页面导航：首页 → 网络编程 → web2.0 → 正文内容

web2.0色系

发布：dxy 字体：[增加减小] 类型：转载

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 
 2745 100 95 0 15 #000bd9 
 2746 100 92 0 10 #0012e6 
 2747 100 86 0 15 #001ed9 
 2748 100 88 0 15 #001ad9 
 275 98 100 0 43 #030091 
 2755 100 97 0 30 #0005b3 
 2756 100 94 0 29 #000bb5 
 2757 100 82 0 30 #0020b3 
 2758 100 80 0 26 #0026bd 
 276 98 100 0 55 #020073 
 2765 100 97 0 45 #00048c 
 2766 100 94 0 47 #000887 
 2767 100 78 0 54 #001a75 
 2768 100 78 0 44 #001f8f 
 277 27 7 0 0 #baedff 
 278 39 14 0 0 #9cdbff 
 279 68 34 0 0 #52a8ff 
 280 100 72 0 18 #003bd1 
 281 100 72 0 32 #0031ad 
 282 100 68 0 54 #002675 
 283 35 9 0 0 #a6e8ff 
 284 55 19 0 0 #73cfff 
 285 89 43 0 0 #1c91ff 
 286 100 66 0 2 #0055fa 
 287 100 68 0 12 #0048e0 
 288 100 67 0 23 #0041c4 
 289 100 66 0 58 #00246b 
 290 25 2 0 0 #bffaff 
 2905 41 2 0 0 #96faff 
 291 33 3 0 0 #abf7ff 
 2915 59 7 0 0 #69edff 
 292 49 11 0 0 #82e3ff 
 2925 85 24 0 0 #26c2ff 
 293 100 57 0 2 #006bfa 
 2935 100 46 0 0 #008aff 
 294 100 58 0 21 #0055c9 
 2945 100 45 0 14 #0079db 
 295 100 57 0 37 #0045a1 
 2955 100 45 0 37 #0058a1 
 296 100 46 0 70 #00294d 
 2965 100 38 0 64 #00395c 
 297 49 1 0 0 #82fcff 
 2975 30 0 5 0 #b3fff2 
 298 69 7 0 0 #4fedff 
 2985 59 0 6 0 #69fff0 
 299 85 19 0 0 #26cfff 
 2995 90 11 0 0 #1ae3ff 
 300 100 44 0 0 #008fff 
 3005 100 36 0 2 #00a0fa 
 301 100 45 0 18 #0073d1 
 3015 100 33 0 20 #0089cc 
 302 100 25 0 50 #006080 
 3025 100 17 0 51 #00687d 
 303 100 11 0 74 #003b42 
 3035 100 0 5 72 #004744 
 304 30 0 8 0 #b3ffeb 
 305 51 0 9 0 #7dffe8 
 306 75 0 7 0 #40ffed 
 307 100 16 0 27 #009cba 
 308 100 5 0 47 #008087 
 309 100 0 9 72 #004741 
 310 43 0 10 0 #91ffe6 
 3105 43 0 12 0 #91ffe0 
 311 63 0 12 0 #5effe0 
 3115 63 0 18 0 #5effd1 
 312 96 0 11 0 #0affe3 
 3125 83 0 21 0 #2bffc9 
 313 100 0 8 13 #00decc 
 3135 100 0 16 9 #00e8c3 
 314 100 0 9 30 #00b3a2 
 3145 100 0 19 23 #00c49f 
 315 100 0 12 43 #009180 
 3155 100 0 24 38 #009e78 
 316 100 0 27 68 #00523c 
 3165 100 0 28 65 #005940 
 317 18 0 8 0 #d1ffeb 
 318 38 0 15 0 #9effd9 
 319 52 0 19 0 #7affcf 
 320 100 0 31 7 #00eda4 
 321 100 0 31 23 #00c487 
 322 100 0 33 35 #00a66f 
 323 100 0 38 47 #008754 
 324 28 0 12 0 #b8ffe0 
 3242 37 0 18 0 #a1ffd1 
 3245 34 0 19 0 #a8ffcf 
 3248 43 0 24 0 #91ffc2 
 325 56 0 26 0 #70ffbd 
 3252 47 0 24 0 #87ffc2 
 3255 49 0 28 0 #82ffb8 
 3258 59 0 33 0 #69ffab 
 326 87 0 38 0 #21ff9e 
 3262 71 0 33 0 #4affab 
 3265 69 0 37 0 #4fffa1 
 3268 90 0 49 0 #1aff82 
 327 100 0 44 17 #00d477 
 3272 100 0 44 0 #00ff8f 
 3275 95 0 47 0 #0dff87 
 3278 100 0 55 5 #00f26d 
 328 100 0 45 32 #00ad5f 
 3282 100 0 46 15 #00d975 
 3285 100 0 50 7 #00ed77 
 3288 100 0 54 20 #00cc5e 
 329 100 0 46 46 #008a4a 
 3292 100 0 49 46 #008a46 
 3295 100 0 53 21 #00c95f 
 3298 100 0 57 42 #009440 
 330 100 0 48 60 #006635 
 3302 100 0 54 69 #004f24 
 3305 100 0 61 61 #006327 
 3308 100 0 60 72 #00471d 
 331 24 0 16 0 #c2ffd6 
 332 30 0 20 0 #b3ffcc 
 333 43 0 27 0 #91ffba 
 334 100 0 60 3 #00f763 
 335 100 0 65 30 #00b33e 
 336 100 0 67 47 #00872d 
 337 31 0 20 0 #b0ffcc 
 3375 35 0 25 0 #a6ffbf 
 338 47 0 32 0 #87ffad 
 3385 45 0 33 0 #8cffab 
 339 84 0 56 0 #29ff70 
 3395 61 0 45 0 #63ff8c 
 340 100 0 66 9 #00e84f 
 3405 85 0 65 0 #26ff59 
 341 100 0 67 29 #00b53c 
 3415 100 0 77 22 #00c72e 
 342 100 0 71 43 #00912a 
 3425 100 0 78 42 #009421 
 343 98 0 72 61 #02631c 
 3435 100 0 81 66 #005710 
 344 27 0 23 0 #baffc4 
 345 38 0 32 0 #9effad 
 346 55 0 47 0 #73ff87 
 347 100 0 86 3 #00f723 
 348 100 0 85 24 #00c21d 
 349 100 0 91 42 #00940d 
 350 79 0 100 75 #0d4000 
 351 17 0 16 0 #d4ffd6 
 352 27 0 25 0 #baffbf 
 353 38 0 36 0 #9effa3 
 354 80 0 90 0 #33ff1a 
 355 94 0 100 0 #0fff00 
 356 95 0 100 27 #09ba00 
 357 80 0 100 56 #167000 
 358 27 0 38 0 #baff9e 
 359 36 0 49 0 #a3ff82 
 360 58 0 80 0 #6bff33 
 361 69 0 100 0 #4fff00 
 362 70 0 100 9 #46e800 
 363 68 0 100 24 #3ec200 
 364 65 0 100 42 #349400 
 365 12 0 29 0 #e0ffb5 
 366 20 0 44 0 #ccff8f 
 367 32 0 59 0 #adff69 
 368 57 0 100 0 #6eff00 
 369 59 0 100 7 #61ed00 
 370 56 0 100 27 #52ba00 
 371 43 0 100 56 #407000 
 372 10 0 33 0 #e6ffab 
 373 16 0 46 0 #d6ff8a 
 374 24 0 57 0 #c2ff6e 
 375 41 0 78 0 #96ff38 
 376 52 0 100 5 #74f200 
 377 45 0 100 24 #6bc200 
 378 34 0 100 60 #436600 
 379 9 0 58 0 #e8ff6b 
 380 13 0 72 0 #deff47 
 381 20 0 91 0 #ccff17 
 382 29 0 100 0 #b5ff00 
 383 20 0 100 19 #a5cf00 
 384 18 0 100 31 #90b000 
 385 3 0 100 58 #686b00 
 386 6 0 56 0 #f0ff70 
 387 10 0 74 0 #e6ff42 
 388 14 0 79 0 #dbff36 
 389 20 0 85 0 #ccff26 
 390 22 0 100 8 #b7eb00 
 391 13 0 100 33 #95ab00 
 392 7 0 100 49 #798200 
 393 3 0 55 0 #f7ff73 
 3935 1 0 68 0 #fcff52 
 394 6 0 76 0 #f0ff3d 
 3945 3 0 85 0 #f7ff26 
 395 8 0 85 0 #ebff26 
 3955 6 0 100 0 #f0ff00 
 396 11 0 94 0 #e3ff0f 
 3965 8 0 100 0 #ebff00 
 397 10 0 100 11 #cce300 
 3975 0 0 100 29 #b5b500 
 398 7 0 100 28 #abb800 
 3985 0 3 100 41 #969200 
 399 0 0 100 43 #919100 
 3995 0 3 100 64 #5c5900 
 400 0 3 6 16 #d6d0c9 
 401 0 5 11 23 #c4bbaf 
 402 0 6 14 31 #b0a597 
 403 0 7 17 43 #918779 
 404 0 8 22 56 #706758 
 405 0 10 33 72 #474030 
 406 0 5 6 16 #d6cbc9 
 407 0 8 9 26 #bdaeac 
 408 0 10 11 34 #a89796 
 409 0 13 15 45 #8c7a77 
 410 0 18 21 56 #705c59 
 411 0 27 36 72 #47342e 
 412 0 30 66 98 #050402 
 413 0 0 9 20 #ccccba 
 414 0 0 10 30 #b3b3a1 
 415 0 0 12 41 #969684 
 416 0 0 16 50 #80806b 
 417 1 0 25 65 #585943 
 418 3 0 31 75 #3e402c 
 419 29 0 36 100 #000000 
 420 0 0 0 15 #d9d9d9 
 421 0 0 0 26 #bdbdbd 
 422 0 0 0 33 #ababab 
 423 0 0 0 44 #8f8f8f 
 424 0 0 0 61 #636363 
 425 0 0 0 77 #3b3b3b 
 426 0 0 0 100 #000000 
 427 0 0 0 11 #e3e3e3 
 428 2 0 0 18 #cdd1d1 
 429 3 0 0 32 #a8adad 
 430 5 0 0 45 #858c8c 
 431 11 1 0 64 #525b5c 
 432 23 2 0 77 #2d393b 
 433 33 3 0 95 #090c0d 
 434 7 10 9 0 #ede6e8 
 435 13 16 14 0 #ded6db 
 436 24 25 25 0 #c2bfbf 
 437 46 45 46 0 #8a8c8a 
 438 75 70 100 10 #394500 
 439 80 75 100 20 #293300 
 440 82 78 100 30 #202700 
 441 6 0 7 9 #dae8d8 
 442 8 0 9 19 #becfbc 
 443 12 0 12 30 #9db39d 
 444 15 0 15 42 #7e947e 
 445 20 0 20 65 #475947 
 446 21 0 23 75 #324031 
 447 16 0 31 82 #272e20 
 448 75 65 100 30 #2d3e00 
 4485 0 26 100 69 #4f3a00 
 449 70 60 100 20 #3d5200 
 4495 0 20 95 46 #8a6e07 
 450 65 55 100 10 #506700 
 4505 0 15 78 36 #a38b24 
 451 33 29 55 0 #abb573 
 4515 0 9 50 24 #c2b061 
 452 24 19 39 0 #c2cf9c 
 4525 0 7 39 17 #d4c581 
 453 14 11 25 0 #dbe3bf 
<span style="background: rgb(227, 21