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