首页>色卡无极4平台

网页颜色搭配表及颜色搭配技巧

颜色搭配常识:
1.网页中色彩的表达使用三种颜色,及红(R)、绿(G)、蓝(B),及通常所说的RGB色彩,它包含了人类所感知的所有颜色,网页中表达颜色如下(红色为例)RGB格式:红色是(255,0,0) 或十六进制hex格式为(FF0000)。
2.将色彩按"红->黄->绿->蓝->红"依次过度渐变可得到12色环:红,橙红,橙,橙黄,黄,黄绿,绿,蓝绿,蓝,蓝紫,紫,紫红。
3.颜色分非彩色和彩色两类。非彩色是指黑,白,灰系统色。彩色是指除了非彩色以外的所有色彩。通常内容文字用非彩色(黑色),边框,背景,图片用彩色。所以即使页面丰富,看内容依然不会眼花,通常背景与内容对比要大。

按单一色彩为主色彩分类

网页设计一般以单一色彩为主,下面每类都以该色彩为主,配以其它或类似色彩的,并按照从轻快到浓烈的顺序排列。

红色

-是一种激奋的色彩。刺激效果,能使人产生冲动,愤怒,热情,活力的感觉。

#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