按色相的搭配分类

列举一些最为代表常见的颜色值,让你能快速的找到自己想要的代码,左边为导航,可以按色相搭配分类寻找,也可以按印象的搭配来组合,如果喜欢的话,别忘了分享本站哦!

红色

#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