Web 2.0元素字体、边框与背景配色(调色板)

!本文可能 超过1年没有更新,今后内容也许不会被维护或者支持,部分内容可能具有时效性,涉及技术细节或者软件使用方面,本人不保证相应的兼容和可操作性。

项目中设计经常要用到配色,尤其是字体颜色、边框和背景配色,当然对于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
若无特别说明,本网站文章均为原创,原则上这些文章不允许转载,但是如果阁下是出于研究学习目的可以转载到阁下的个人博客或者主页,转载遵循创作共同性“署名-非商业性使用-相同方式共享”原则,请转载时注明作者出处谢绝商业性、非署名、采集站、垃圾站或者纯粹为了流量的转载。谢谢合作!
请稍后...

发表评论

电子邮件地址不会被公开。 必填项已用*标注