提醒：本页面将不再更新、维护或者支持，文章、评论所叙述内容存在时效性，涉及技术细节或者软件使用方面不保证能够完全有效可操作，请谨慎参考！

项目中设计经常要用到配色，尤其是字体颜色、边框和背景配色，当然对于Web 2.0时代来说，配色首先要让人看上去舒服，不刺眼。因为平常工作需要我收集了一些现成的配色方案供大家参考，部分配色来自于 《Web 2.0 Colour Palette》 ，还有部分配色原始出处已经找不到了，如果有童鞋知道请告知一下，当然如果大家还有一些比较好的配色方案也可以分享一下哦。

  • background:#fffff7
    border:#ffcc00
  • background:#eff7ff
    border:#96c2f1
  • background:#f0fbeb
    border:#9bdf70
  • background:#f8ffe7
    border:#abdc8d
  • background:#f2fddb
    border:#adcd3c
  • background:#eefaff
    border:#bbe1f1
  • background:#fafcfd
    border:#d1f0f6
  • background:#e8f5fe
    border:#a9c9e2
  • background:#ffffeb
    border:#e3e197
  • background:#fff5fa
    border:#f8b3d0
  • background:#f7f7f7
    border:#d3d3d3
  • background:#f3faff
    border:#bfd1eb
  • background:#fff9ed
    border:#ffdd99
  • background:#f7f7ff
    border:#cacaff
  • background:#eef3f7
    border:#a5b6c8
  • background:#f1f7f9
    border:#cee3e9
  • background:#f4f9ff
    border:#cae3ff
  • background:#f2faff
    border:#5c9cc0
  • background:#f5fbff
    border:#86b9d6
  • background:#2ae0c8
  • background:#a2e1d4
  • background:#acf6ef
  • background:#cbf5fb
  • background:#bdf3d4
  • background:#e6e2c3
  • background:#e3c887
  • background:#fad8be
  • background:#fbb8ac
  • background:#fe6673
  • background:#eeeeee
  • background:#f9f7ed
  • background:#ffff88
  • background:#cdeb8b
  • background:#c3d9ff
  • background:#36393d
  • background:#ff1a00
  • background:#cc0000
  • background:#ff7400
  • background:#008c00
  • background:#006e2e
  • background:#4096ee
  • background:#ff0084
  • background:#b02b2c
  • background:#d15600
  • background:#c79810
  • background:#73880a
  • background:#6bba70
  • background:#3f4c6b
  • background:#356aa0
  • background:#d01f3c
  • background:#712704
  • background:#bd7803
  • background:#fe9d01
  • background:#ffbb1c
  • background:#eed205
  • background:#ff8c05
  • background:#fdd283
  • background:#43a102
  • background:#a2b700
  • background:#c5da01
  • background:#d01f3c
  • background:#fcfc8a
  • background:#4c4c4c
  • background:#a0a0a0
  • background:#d4d4d4
  • background:#f0f0f0
  • background:#bec0c2
  • background:#e6e8eb
  • background:#036803
  • background:#3f813f
  • background:#55a255
  • background:#74a474
  • background:#da891e
  • background:#f6bf1c
  • background:#fff7d2
  • background:#04477c
  • background:#065fb9
  • background:#049ff1
  • background:#70e1ff
  • background:#cbf3fb
  • background:#4499ee
  • background:#8ec2f5
  • background:#d6e9fc
  • background:#1291a9
  • background:#72cfd7
  • background:#d1f0ef
  • background:#e2efee
  • background:#edf3f3
  • background:#a73800
  • background:#ff6600
  • background:#ff981f
  • background:#ffa500
  • background:#00ccff
  • background:#2ec8e9
  • background:#dae0ef