Web- HTML网页颜色大全

按色相的搭配分类

列举一些最为代表常见的颜色值,让你能快速的找到自己想要的代码

红色

#FFFFCC #CCFFFF #FFCCCC
#99CCCC #FFCC99 #FFCCCC
#FF9999 #996699 #FFCCCC
#CC9999 #FFFFCC #CCCC99
#FFCCCC #FFFF99 #CCCCFF
#0099CC #CCCCCC #FF6666
#FF9966 #FF6666 #FFCCCC
#CC9966 #666666 #CC9999
#FF6666 #FFFF66 #99CC66
#CC3333 #CCCCCC #003366
#993333 #CCCC00 #663366
#CCCC99 #666666 #CC9999
#FF6666 #FFFF00 #0066CC
#CC0033 #333333 #CCCC00
#336633 #990033 #FFCC99
#993333 #CC9966 #003300
#FF0033 #333399 #CCCC00
#CC0033 #000000 #003399
#000000 #99CC00 #CC0033
#999933 #993333 #333300

橙色

#FFCC99 #FFFF99 #99CC99
#FFCC99 #CCFF99 #CCCCCC
#FFCC99 #FFFFCC #99CCFF
#FF9966 #FFFFCC #99CC99
#FF9900 #FFFFCC #336699
#CCCC33 #FFFF99 #CC9933
#996600 #FFCC33 #FFFFCC
#FFFFCC #CC9933 #336666
#FF9900 #FFFF00 #0099CC
#99CC33 #FF9900 #FFCC00
#FF9933 #99CC33 #CC6699
#FF9933 #FFFF00 #3366CC
#FF9933 #FFFFCC #009966
#FF6600 #FFFF66 #009966
#990033 #CCFF66 #FF9900
#FF9966 #996600 #CCCC00
#CC6600 #999999 #CCCC33
#CC6600 #CCCC33 #336699
#000000 #FF9933 #999966
#663300 #FF9933 #FFFF66

黄色

#FFFFCC #CCFFFF #FFCCCC
#FFFF00 #FFFFFF #CCCC00
#99CCFF #FFCC33 #FFFFCC
#FFFF33 #99CCFF #CCCCCC
#FFFF00 #FFFFFF #9933FF
#99CCFF #FFCC33 #FFFF33
#FFCC00 #66CC00 #FFFF99
#FF9900 #FFFF00 #0099CC
#FFCC00 #0000CC #FFFF99
#CC9999 #FFFFCC #6666CC
#999933 #FFFFCC #CC99CC
#CCCC00 #666600 #FFFF66
#FF9966 #FFFFCC #99CC99
#FFCC33 #FFFFCC #999966
#FFCC99 #FF6666 #FFFF66
#FFCC99 #999966 #FFFF00
#FFFF99 #99CC99 #666600
#999966 #FFFF99 #333333
#006633 #333300 #CCCC99
#006633 #663300 #CCCC66

黄绿色

#33CC33 #6666CC #FFFFFF
#CCCC33 #FFFFFF #CCFFCC
#FFCC99 #CCFF99 #CCCCCC
#CCCC00 #999966 #FFFFCC
#CCCC33 #FFFFFF #336699
#CCCC33 #999999 #CCFFFF
#00CC00 #0066CC #99CCCC
#99CC33 #FF9900 #FFCC00
#99CC33 #CCCCFF #663300
#CCCC33 #993399 #000000
#CC6600 #999999 #CCCC33
#CC9933 #FFFF99 #99CC99
#669933 #CCCC33 #663300
#99CC33 #CCCCCC #000000
#CC6600 #CCCC33 #336699
#666600 #CCCC66 #CCFFCC
#333366 #99CC33 #336699
#666666 #99CC33 #003366
#003333 #99CC33 #999999
#996633 #FFFF99 #99CC66

绿色

#009966 #FFFFFF #FFFF00
#339933 #FFFFFF #9933CC
#339933 #FFFFFF #000000
#339933 #99CC00 #FFFFCC
#FFFFCC #CCCC66 #336666
#99CC33 #FFFF66 #336600
#339933 #CC9900 #666666
#339966 #CCCCCC #003366
#669933 #CCCCCC #000000
#339933 #CCCCCC #6699CC
#006633 #CCCC33 #CC9933
#339933 #666633 #CCCC66
#339933 #FFCC33 #336699
#006633 #669933 #99CC99
#336666 #996633 #CCCC33
#003300 #669933 #CCCC99
#006633 #990033 #FF9900
#006633 #333300 #CCCC99
#006633 #663300 #CCCC66
#993333 #CC9966 #003300

青绿色

#CCFF99 #FFFFFF #66CCCC
#339999 #FFFFFF #99CCFF
#66CC99 #FFFFFF #666699
#009999 #66CCCC #CCFFFF
#66CCCC #CCFF66 #FF99CC
#339999 #FFFF00 #336699
#CC9933 #339999 #FFCC33
#FFCC00 #009999 #CC3333
#669999 #CCCCCC #CC99CC
#339999 #CCCCCC #000000
#339999 #666699 #CCCCCC
#003333 #99CC99 #FFFFCC
#669999 #CCFFCC #996699
#996699 #CCCC99 #669999
#999966 #CCCC99 #339999
#336666 #669999 #CCCC99
#999999 #003366 #669999
#663333 #339999 #CCCC66
#333333 #339999 #CCFFCC
#336666 #3399CC #666666

蓝色

#FFFFCC #CCFFFF #FFCCCC
#99CCCC #FFFFFF #3399CC
#CCFFCC #99CCCC #FFFFCC
#CCCCFF #FFFFFF #99CCFF
#FFCC99 #FFFFCC #99CCFF
#336699 #FFFFFF #99CCCC
#99CCCC #FFFFFF #CCFF99
#CCCCFF #FFFFCC #CCFFFF
#99CCCC #FFFFFF #336699
#99CCFF #CCFFFF #6699CC
#99CC33 #FFFFFF #3399CC
#0099CC #FFFFCC #666699
#CCCCCC #003366 #99CCFF
#0099CC #FFFFFF #666666
#CCCCCC #6699CC #666666
#336699 #CCCC99 #003366
#3399CC #003366 #CCCCCC
#6699CC #006699 #000000
#003366 #CCCCCC #006699
#999933 #336699 #333333

蓝紫色

#CCFFFF #FFFFFF #CCCCFF
#CCCCCC #FFFFFF #666699
#99CCFF #FFFFFF #333399
#6666CC #FFFFFF #FF9999
#9999FF #FFCC33 #FFFFCC
#0099CC #FFFFCC #666699
#0000FF #6699FF #CCFFFF
#6666FF #66CCFF #CCFF66
#669999 #FFFFCC #6666CC
#9999CC #FF9999 #666699
#003399 #FFCCCC #6699CC
#CC6666 #333399 #CCCC00
#000066 #6666FF #CCCCCC
#003399 #CCFF99 #333333
#333366 #CC0033 #CCCCCC
#336699 #CCCC66 #333300
#003399 #FFFF99 #000000
#990066 #CCCC33 #003399
#CC3333 #000000 #003399
#333366 #999966 #333333

紫色

#FFFFCC #FFFF99 #CCCCFF
#9999CC #99CC99 #FFFFFF
#FFCCCC #CCCCFF #CCCC99
#9999CC #FFFFCC #FFCCCC
#FFCCCC #FF99CC #CCCCFF
#660066 #FFFFFF #663333
#CCCC99 #333333 #9966CC
#CCCC00 #FF9966 #663399
#996699 #FFCCCC #CC99CC
#996666 #CC99CC #FFCCCC
#FFCC99 #FF9933 #663366
#333399 #CCCCFF #CC99CC
#663366 #CCCCCC #CC99CC
#996699 #9999CC #CCCCFF
#CC9966 #999999 #663366
#330033 #666666 #669999
#CCCCCC #999999 #663366
#FF33CC #CCCC99 #663366
#663366 #999999 #CCCCFF
#999966 #993333 #330033

紫红色

#FFCCCC #FFFFFF #99CC00
#FF99CC #FFFFFF #993366
#66CC99 #FFFFFF #CC6699
#CC9999 #FFCCCC #CC99CC
#FFCCCC #FFFF99 #CCCCFF
#FFFF99 #993399 #FF99CC
#66CCCC #CCFF66 #FF99CC
#FF99CC #003399 #CCCC00
#FFCCCC #FF99CC #CCCCFF
#FF9999 #FFCCCC #FF99CC
#669966 #CC6699 #FFCCFF
#CCCCCC #CC99CC #CC3399
#CC3399 #FFCC99 #FF6666
#FF3399 #CCCC99 #663366
#663366 #FFFFCC #FFCCCC
#663366 #CCCCCC #CC99CC
#990066 #FFCC00 #CC0033
#990066 #CCCCCC #006699
#999900 #990033 #000000
#990066 #000000 #009966

按印象的搭配分类

颜色的搭配在很多人眼中往往觉得很复杂,其实网页颜色的搭配取决于各人的想法,经历,和见解,演示能反应人的喜怒哀乐,也能同时赋予浏览器同样的情感,给人能第一眼带来什么感觉,是每个设计师搭配颜色前的思路…… 世间颜色千变万化,搭配起来的视觉感受也千变万化,能不能抓住浏览用户的第一眼球,就看你的了……

柔和、明亮、温柔

#FFFFCC #CCFFFF #FFCCCC
#FFCCCC #FFFF99 #CCCCFF
#FF9966 #FF6666 #FFCCCC
#FFCC99 #CCFF99 #CCCCCC
#FFCCCC #CCCCFF #CCFFCC
#CCFFFF #CCCCCC #CCFF99
#FFCCCC #FFFFFF #99CC99
#99CCCC #FFCC99 #FFCCCC
#CCCCFF #FFCCCC #CCFFFF
#FFCC99 #FFFFCC #99CCCC

柔和、洁净、爽朗

#CCFF99 #FFFFFF #99CCFF
#99CCCC #FFFFFF #CCFF99
#CCFFCC #FFFFFF #66CCCC
#CCCCFF #FFFFFF #99CCCC
#CCFFCC #99CCCC #FFFFCC
#CCFFFF #FFFFFF #CCCCFF
#CCFFFF #FFFFFF #99CCFF
#66CCFF #FFFFFF #CCFFFF
#6699CC #FFFFFF #99CCFF
#CCCCFF #FFFFFF #99CCFF

可爱、快乐、有趣

#66CCCC #CCFF66 #FF99CC
#FF9999 #FFFFFF #FFCC99
#FF6666 #FFFF66 #99CC66
#666699 #FFFFFF #FF9999
#99CC33 #FF9900 #FFCC00
#FF0033 #FFFFFF #FF9966
#FF9900 #CCFF00 #CC3399
#99CC33 #FFFFFF #FF6600
#993366 #CCCC33 #666633
#66CCCC #FFFFFF #666699

活泼、快乐、有趣

#CC9999 #FFFF99 #666699
#FF9900 #FFFF00 #0099CC
#CCCC99 #CC3399 #99CC00
#FF6666 #FFFF00 #3399CC
#CC6600 #999999 #CCCC33
#FF9933 #FFFFCC #009933
#0099CC #CCCCCC #FF6666
#FF6600 #FFFF66 #009966
#CC6633 #FFCC99 #CC6600
#CC0066 #009999 #FFCC33

运动型、轻快

#FF6666 #FFFF00 #006699
#FF9966 #FFFFFF #0066CC
#339933 #FFCC33 #336699
#FF9900 #FFFFCC #336699
#CC6600 #CCCC44 #336699
#99CC33 #FFFFFF #0099CC
#99CC33 #FF6666 #336699
#336699 #FFFFFF #99CCCC
#FF0033 #333399 #CCCC00
#33CC99 #FFFF00 #336699

轻快、华丽、动感

#990066 #FFCC00 #CC0033
#FFCC33 #333399 #FF0033
#666699 #FFFF00 #FF0033
#FF0033 #006699 #FFFF33
#FFCC00 #009999 #CC3366
#FF0033 #CCCC00 #006699
#CCCC00 #FF9933 #663399
#FF9933 #FFFF00 #336699
#CC3333 #FFCCCC #99CC00
#003399 #FFFF00 #FF6600

狂野、充沛、动感

#990066 #FFFF00 #003399
#CC0033 #000000 #003399
#003399 #FFFF00 #F00000
#CC3333 #CCCCCC #003366
#CC0033 #333333 #CCCC00
#000000 #99CC00 #CC0033
#FF0033 #333333 #FF9900
#990066 #000000 #009966
#666666 #FF6600 #333333
#993333 #CCCC00 #663366

华丽、花哨、女性化

#FFFF99 #993399 #FF99CC
#FF6666 #FFFFFF #339999
#FF99CC #003399 #CCFF00
#66CC99 #FFFFFF #CC6699
#CC3399 #FFCC99 #FF6666
#FFCCCC #FFFFFF #993366
#CC6699 #FFFF00 #666699
#CC6699 #99CC66 #663366
#FF33CC #CCCC99 #663366
#CC3399 #FFCC99 #FF6666

回味、女性化、优雅

#CCCCCC #CC99CC #CC3399
#FFCCCC #FF99CC #CCCCFF
#CC3399 #9933CC #CC99CC
#9999CC #FFFFCC #FFCCCC
#663366 #CCCCCC #CC99CC
#FF9999 #FFCCCC #FF99CC
#996666 #CC99CC #FFCCCC
#CC9999 #CCCCCC #FFCCCC
#FF9999 #996699 #FFCCCC
#996699 #FFCCCC #CC99CC

高尚、自然、安稳

#CCCC33 #FFFF99 #CC9933
#CC9966 #CCCC66 #669999
#FF9966 #996600 #CCCC00
#CCCC66 #660033 #CC6600
#CCCC00 #666600 #CCCCFF
#CC9933 #009999 #FFCC33
#999966 #CCCC99 #339999
#99CC99 #669933 #336633
#666633 #999933 #CC9966
#660000 #CC9900 #CCCC99

冷静、自然

#FFFF99 #99CC99 #666600
#996633 #FFFF99 #99CC66
#006600 #66CC66 #CCFF99
#666600 #CCCC66 #CCFFCC
#669933 #CCCC33 #663300
#666633 #999933 #CC9966
#003300 #669933 #CCCC99
#006633 #663300 #CCCC66
#666600 #FFFFCC #999999
#006633 #333300 #CCCC99

传统、高雅、优雅

#999933 #FFFFCC #CC99CC
#CC9966 #666666 #CC9999
#CCCC99 #333333 #9966CC
#CCCC99 #666666 #CC9999
#996699 #CCCC99 #669999
#CC9966 #999999 #666666
#339966 #CCCCCC #996699
#663366 #999999 #CCCCFF
#996699 #9999CC #CCCCFF
#CCCC99 #999999 #663300

传统、稳重、古典

#6699CC #663366 #CCCC99
#990033 #CCFF66 #FF9900
#666699 #660033 #99CC99
#663300 #FF9933 #FFFF66
#990033 #006633 #CCCC00
#660033 #999933 #660099
#993366 #CCCC33 #666633
#996600 #CCCC66 #666600
#009933 #CC9900 #666666
#666633 #CCCC33 #CC3366

忠厚、稳重、有品位

#FFFFCC #CC9933 #336666
#336666 #996633 #CCCC33
#336633 #990033 #FFCC99
#333366 #669999 #996600
#993333 #CC9966 #003300
#336633 #CCCC99 #333366
#663300 #999933 #333333
#663366 #666666 #333366
#999900 #990033 #CC99CC
#333366 #990033 #CCCCCC

简单、洁净、进步

#CCCCCC #FFFFFF #666699
#CCFF66 #FFFFFF #003366
#99CCFF #FFFFFF #336699
#CCCC33 #FFFFFF #336699
#0099FF #FFFFCC #666699
#99CC33 #CCCCCC #000000
#CCCCCC #003366 #99CCFF
#0099CC #CCFF66 #666666
#3399CC #003366 #CCCCCC
#ABCDEF #ABCDEF #ABCDEF

简单、时尚、高雅

#99CCFF #FFFF66 #666666
#336666 #FFFFFF #999999
#0099CC #FFFFFF #666666
#999999 #CCCCCC #336666
#CCCCCC #999999 #663366
#666666 #CCCCCC #6699CC
#999999 #FFFFFF #333366
#669999 #CCCCCC #666666
#999999 #CCCCCC #333333
#ABCDEF #ABCDEF #ABCDEF

简单、进步、时尚

#333366 #99CC33 #336699
#999999 #003366 #669999
#003399 #CCFF99 #333333
#999933 #336699 #333333
#666666 #99CC33 #003366
#999999 #336699 #333333
#3366CC #CCCC66 #333300
#6699CC #006699 #000000
#003366 #CCCCCC #006699
#000000 #999999 #003366

转载于:https://www.cnblogs.com/cxeye/p/4098887.html

你可能感兴趣的:(Web- HTML网页颜色大全)