网页配色表 设计者必备

网页设计的时候需要各种颜色,都靠自己想象肯定很费脑子,把常用的颜色整理一下,方便以后直接拿来使用。

. #FFFFFF #FFFFF0 #FFFFE0 #FFFF00
. #FFFAFA #FFFAF0 #FFFACD #FFF8DC
#FFF68F #FFF5EE #FFF0F5 #FFEFDB
#FFEFD5 #FFEC8B #FFEBCD #FFE7BA
#FFE4E1 #FFE4C4 #FFE4B5 #FFE1FF
#FFDEAD #FFDAB9 #FFD700 #FFD39B
#FFC1C1 #FFC125 #FFC0CB #FFBBFF
#FFB90F #FFB6C1 #FFB5C5 #FFAEB9
#FFA54F #FFA500 #FFA07A #FF8C69
#FF8C00 #FF83FA #FF82AB #FF8247
#FF7F50 #FF7F24 #FF7F00 #FF7256
#FF6EB4 #FF6A6A #FF69B4 #FF6347
#FF4500 #FF4040 #FF3E96 #FF34B3
#FF3030 #FF1493 #FF00FF #FF0000
#FDF5E6 #FCFCFC #FAFAFA #FAFAD2
#FAF0E6 #FAEBD7 #FA8072 #F8F8FF
#F7F7F7 #F5FFFA #F5F5F5 #F5F5DC
#F5DEB3 #F4F4F4 #F4A460 #F2F2F2
#F0FFFF #F0FFF0 #F0F8FF #F0F0F0
#F0E68C #F08080 #EEEEE0 #EEEED1
#EEEE00 #EEE9E9 #EEE9BF #EEE8CD
#EEE8AA #EEE685 #EEE5DE #EEE0E5
#EEDFCC #EEDC82 #EED8AE #EED5D2
#EED5B7 #EED2EE #EECFA1 #EECBAD
#EEC900 #EEC591 #EEB4B4 #EEB422
#EEAEEE #EEAD0E #EEA9B8 #EEA2AD
#EE9A49 #EE9A00 #EE9572 #EE82EE
#EE8262 #EE7AE9 #EE799F #EE7942
#EE7621 #EE7600 #EE6AA7 #EE6A50
#EE6363 #EE5C42 #EE4000 #EE3B3B
#EE3A8C #EE30A7 #EE2C2C #EE1289
#EE00EE #EE0000 #EDEDED #EBEBEB
#EAEAEA #E9967A #E8E8E8 #E6E6FA
#E5E5E5 #E3E3E3 #E0FFFF #E0EEEE
#E0EEE0 #E0E0E0 #E066FF #DEDEDE
#DEB887 #DDA0DD #DCDCDC #DC143C
#DBDBDB #DB7093 #DAA520 #DA70D6
#D9D9D9 #D8BFD8 #D6D6D6 #D4D4D4
#D3D3D3 #D2B48C #D2691E #D1EEEE
#D1D1D1 #D15FEE #D02090 #CFCFCF
#CDCDC1 #CDCDB4 #CDCD00 #CDC9C9
#CDC9A5 #CDC8B1 #CDC673 #CDC5BF
#CDC1C5 #CDC0B0 #CDBE70 #CDBA96
#CDB7B5 #CDB79E #CDB5CD #CDB38B
#CDAF95 #CDAD00 #CDAA7D #CD9B9B
#CD9B1D #CD96CD #CD950C #CD919E
#CD8C95 #CD853F #CD8500 #CD8162
#CD7054 #CD69C9 #CD6889 #CD6839
#CD661D #CD6600 #CD6090 #CD5C5C
#CD5B45 #CD5555 #CD4F39 #CD3700
#CD3333 #CD3278 #CD2990 #CD2626
#CD1076 #CD00CD #CD0000 #CCCCCC
#CAFF70 #CAE1FF #C9C9C9 #C7C7C7
#C71585 #C6E2FF #C67171 #C5C1AA
#C4C4C4 #C2C2C2 #C1FFC1 #C1CDCD
#C1CDC1 #C1C1C1 #C0FF3E #BFEFFF
#BFBFBF #BF3EFF #BEBEBE #BDBDBD
#BDB76B #BCEE68 #BCD2EE #BC8F8F
#BBFFFF #BABABA #BA55D3 #B9D3EE
#B8B8B8 #B8860B #B7B7B7 #B5B5B5
#B4EEB4 #B4CDCD #B452CD #B3EE3A
#B3B3B3 #B2DFEE #B23AEE #B22222
#B0E2FF #B0E0E6 #B0C4DE #B0B0B0
#B03060 #AEEEEE #ADFF2F #ADD8E6
#ADADAD #ABABAB #AB82FF #AAAAAA
#A9A9A9 #A8A8A8 #A6A6A6 #A52A2A
#A4D3EE #A3A3A3 #A2CD5A #A2B5CD
#A1A1A1 #A0522D #A020F0 #9FB6CD
#9F79EE #9E9E9E #9C9C9C #9BCD9B
#9B30FF #9AFF9A #9ACD32 #9AC0CD
#9A32CD #999999 #9932CC #98FB98
#98F5FF #97FFFF #96CDCD #969696
#949494 #9400D3 #9370DB #919191
#912CEE #90EE90 #8FBC8F #8F8F8F
#8EE5EE #8E8E8E #8E8E38 #8E388E
#8DEEEE #8DB6CD #8C8C8C #8B8B83
#8B8B7A #8B8B00 #8B8989 #8B8970
#8B8878 #8B8682 #8B864E #8B8386
#8B8378 #8B814C #8B7E66 #8B7D7B
#8B7D6B #8B7B8B #8B795E #8B7765
#8B7500 #8B7355 #8B6969 #8B6914
#8B668B #8B6508 #8B636C #8B5F65
#8B5A2B #8B5A00 #8B5742 #8B4C39
#8B4789 #8B475D #8B4726 #8B4513
#8B4500 #8B3E2F #8B3A62 #8B3A3A
#8B3626 #8B2500 #8B2323 #8B2252
#8B1C62 #8B1A1A #8B0A50 #8B008B
#8B0000 #8A8A8A #8A2BE2 #8968CD
#87CEFF #87CEFA #87CEEB #878787
#858585 #848484 #8470FF #838B8B
#838B83 #836FFF #828282 #7FFFD4
#7FFF00 #7F7F7F #7EC0EE #7D9EC0
#7D7D7D #7D26CD #7CFC00 #7CCD7C
#7B68EE #7AC5CD #7A8B8B #7A7A7A
#7A67EE #7A378B #79CDCD #787878
#778899 #76EEC6 #76EE00 #757575
#737373 #71C671 #7171C6 #708090
#707070 #6E8B3D #6E7B8B #6E6E6E
#6CA6CD #6C7B8B #6B8E23 #6B6B6B
#6A5ACD #698B69 #698B22 #696969
#6959CD #68838B #68228B #66CDAA
#66CD00 #668B8B #666666 #6495ED
#63B8FF #636363 #616161 #607B8B
#5F9EA0 #5E5E5E #5D478B #5CACEE
#5C5C5C #5B5B5B #595959 #575757
#556B2F #555555 #551A8B #54FF9F
#548B54 #545454 #53868B #528B8B
#525252 #515151 #4F94CD #4F4F4F
#4EEE94 #4D4D4D #4B0082 #4A708B
#4A4A4A #48D1CC #4876FF #483D8B
#474747 #473C8B #4682B4 #458B74
#458B00 #454545 #43CD80 #436EEE
#424242 #4169E1 #40E0D0 #404040
#3D3D3D #3CB371 #3B3B3B #3A5FCD
#388E8E #383838 #36648B #363636
#333333 #32CD32 #303030 #2F4F4F
#2E8B57 #2E2E2E #2B2B2B #292929
#282828 #27408B #262626 #242424
#228B22 #218868 #212121 #20B2AA
#1F1F1F #1E90FF #1E1E1E #1C86EE
#1C1C1C #1A1A1A #191970 #1874CD
#171717 #141414 #121212 #104E8B
#0F0F0F #0D0D0D #0A0A0A #080808
#050505 #030303 #00FFFF #00FF7F
#00FF00 #00FA9A #00F5FF #00EEEE
#00EE76 #00EE00 #00E5EE #00CED1
#00CDCD #00CD66 #00CD00 #00C5CD
#00BFFF #00B2EE #009ACD #008B8B
#008B45 #008B00 #00868B #00688B
#006400 #0000FF #0000EE #0000CD
#0000AA #00008B #000080 #000000

落花生

认准了方向,就要勇敢地走下去,十年磨一剑,我相信,只要坚持,一切都有可能。

相关日志

  1. 没有图片

    2011.09.14

    获取指定不同发布类型的日志的评论

    注意了,本文所说的是调用不同发布类型(pos…

  2. 没有图片

    2009.12.15

    WordPress插件CommentLuv:让你的博客评论也热闹

    很早就想为大家写这篇文章,只是因为时间太紧,…

  3. 2017.01.09

    实用的 Table CSS 样式

    搞过了很多前端,用过不少的表格优化代码,今天…

  4. 没有图片

    2012.08.16

    自适应网页设计原理分析(Responsive Web Design)转

    移动设备正超过桌面设备,成为访问互联网的最常…

  5. 没有图片

    2012.05.20

    Centos 服务器时间同步

    新装的服务器可能设置了错误的,需要调整时区并…

  6. 没有图片

    2011.11.19

    32个漂亮的带JS特效的个人卡片Web站点

    一直在寻找这些漂亮的个人卡片模板,找了很多,…

评论

  1. 百度笨 2010.03.02 12:02上午

    哇,这篇文章摘要好长好长!

  2. 菠萝 2010.02.28 6:06下午

    @张三
    呵呵,是啊,发的时候没设置。就这样吧。

  3. 张三 2010.02.28 5:47下午

    你也不说隐藏点……那么长……

  4. 菠萝 2010.02.27 10:10下午

    @Firm
    就是啊,你的博客总是屏蔽我的。呜呜!!!

  5. 菠萝 2010.02.27 10:10下午

    @左岸读书
    对,还不全,应该再添加上颜色搭配。

  6. Firm 2010.02.26 3:44下午

    你的网址好像被屏蔽了,每次都要帮你从垃圾评论救出来
    .-= Firm的最新日志:网赚新手如何快速赚钱 =-.

  7. lianleif 2010.02.26 1:18下午

    这是色吧,怎么调呀

  8. 左岸读书 2010.02.25 3:07下午

    只是这个还不够!~

  9. 第三眼 2010.02.24 5:44下午

    好长的文章… 🙂
    .-= 第三眼的最新日志:首个3D蓝光光盘即将现身英国 =-.

  10. Yimi 2010.02.24 5:14下午

    无语了,这东西下载一个CSS手册差不多都有了

  11. 捷利佳华 2010.02.24 9:20上午

    呵呵 这个东东,很多地方有啊~ 不过你这里的更漂亮。·

  12. 丕子 2010.02.24 8:59上午

    嗯 有用的很啊
    .-= 丕子的最新日志:只因为在人群中多看了你一眼 =-.

  13. 三七八蛋 2010.02.23 3:07下午

    收藏一个。
    .-= 三七八蛋的最新日志:个人博客利用Google Buzz实时同步到Twitter =-.

  14. 菠萝 2010.02.22 11:50下午

    @zwwooooo
    zwwooooo的回复很详细哦!学习了!看来我弄错了。我还以为他说的RGB呢。

  15. Kada 2010.02.22 11:25上午

    额。看见这么多颜色头晕。
    .-= Kada的最新日志:虎虎生威,大杀四方。 =-.

  16. 羽中 2010.02.21 6:30下午

    首页显示超长啊。。我现在都用屏幕取色器直接取代码,很方便
    .-= 羽中的最新日志:Typecho,让你的博客字字有声 =-.

  17. 兜兜 2010.02.21 11:30上午

    颜色太多,眼花了、

  18. iBoluo 2010.02.21 11:13上午

    我cao,这个东西好,拿走了,谢谢。
    -_-;和我一样叫菠萝的人。

  19. zwwooooo 2010.02.21 10:20上午

    @Jclyn
    你的意思是类似:#333吧,这是简写,意思就是#333333,再举个例子你就明白了:#00ff33 -》#0f3,#eeaa88 -》 #ea8,……

  20. zwwooooo 2010.02.21 10:18上午

    不错,收藏之,方便以后制作主题是参考

  21. 菠萝 2010.02.21 10:12上午

    @Jclyn
    那个是RGB格式的,一样的。
    你也可以从网上找到RGB颜色表。

  22. Jclyn 2010.02.21 1:30上午

    我上一个主题里的颜色代码
    井号后只有3位呃
    搞不懂
    .-= Jclyn的最新日志:SunShine =-.

About

马拉松运动员,沉迷于跑步;关注科技前沿,关注互联网!与跑者、程序员、设计师为伍,一起跑步健身,一起编写程序,为自由而战!