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