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

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

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

颜色搭配常识：

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