您现在的位置: 网页制作教程网 >> 网页设计 >> 网页配色教程 >> 文章正文

基于色调的配色关系——Separation配色——强弱对比效果

作者:佚名

来源:本站原创

热度:

2006-10-13 8:50:05

Separation配色——强弱对比效果

Separation是“分离”的意思,通过向颜色与颜色之间插入一个分离色,可以得到强弱分明的配色效果。通常分离色使用白色或者黑色等非彩色,主要用于需要分辨开但颜色差异本身不太明显的配色环境中,还可通过插入到两个对比过于强烈的颜色之间来达到缓冲效果。

分离配色与渐变配色相同,也是基于颜色排列方式的配色方案。

配色实例
   
 
 
r 204 r 0 r 255 r 0
g 0 g 0 g 255 g 51
b 0 b 0 b 255 b 102
#CC0000 #000000 #ffffff #003366

背景色中的黄色与人物中的蓝色构成了相反色相配色,但通过使用类似色调宁造出了安静平和的氛围。

配色辞典
 
 
 
r 153 r 255 r 255
g 204 g 255 g 153
b 204 b 255 b 204
#99cccc #ffffff #ff99cc
 
 
 
r 102 r 255 r 102
g 153 g 255 g 0
b 51 b 255 b 102
#669933 #ffffff #660066
 
 
 
r 255 r 255 r 153
g 102 g 255 g 204
b 0 b 255 b 0
#ff6600 #ffffff #99cc00
     
r 204 r 255 r 153
g 204 g 0 g 204
b 153 b 51 b 204
#cccc99 #ff0033 #99cccc
     
r 255 r 204 r 204
g 204 g 51 g 255
b 204 b 153 b 204
#ffcccc #cc3399 #ccffcc
     
r 51 r 255 r 153
g 102 g 255 g 102
b 153 b 0 b 153
#336699 #ffff00 #996699
     
r 204 r 51 r 255
g 204 g 51 g 255
b 102 b 0 b 0
#cccc66 #333300 #ffff66
 
     
r 102 r 0 r 255
g 204 g 51 g 255
b 153 b 0 b 0
#66cc99 #003300 #ffff66

我来说两句:

1分 2分 3分 4分 5分
姓名: *


* 请各位网友遵纪守法并注意语言文明。
网站简介 | 联系方式 | 意见建议 | 版权说明
Copyright © 2007 All rights reserved
滇ICP备06006992号