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

基于色相的配色关系

作者:佚名

来源:本站原创

热度:

2006-10-13 8:06:42

相反色相,类似色调配色
色相环 色调表

这种配色方案是采用相反色相类似色调的配色方案。

虽然使用了相反的色相,但通过使用类似的色调可以得到特殊配色效果。而影响这种配色方案效果的最重要的因素在于使用的色调。

  • 当使用了彩度比较高的鲜明色调时,所使用色相效果将被突出从而得到较强的动态效果;
  • 当使用了彩度较低的黑暗色调时,即使使用了多种不同的色相也能够得到较安静沉重的效果,这是因为使用暗色调时色相的差异也会变得不太明显。

相反色相、类似色调配色方案的特点:静态的变化效果。

  • 补色与相反色相配色:强调效果,轻快的气氛;
  • 类似色相配色:整齐、安静的感觉。

 

配色实例
     
r 228 r 49 r 246
g 149 g 154 g 204
b 57 b 214 b 87
#e49539 #319ad6 #f6cc57

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

配色辞典
     
r 102 r 255 r 255
g 204 g 255 g 102
b 204 b 102 b 204
#66cccc #ffff66 #ff66cc
     
r 204 r 204 r 255
g 204 g 255 g 153
b 255 b 153 b 153
#ccccff #ccff99 #ff9999
     
r 0 r 255 r 255
g 153 g 204 g 153
b 51 b 0 b 153
#009933 #ffcc00 #ff9999
     
r 0 r 255 r 102
g 153 g 153 g 0
b 153 b 51 b 102
#009999 #ff9933 #660066
     
r 204 r 153 r 153
g 51 g 204 g 0
b 51 b 0 b 204
#cc3333 #99cc00 #9900cc
     
r 153 r 51 r 255
g 204 g 0 g 153
b 0 b 102 b 0
#99cc00 #330066 #ff9900
     
r 204 r 204 r 153
g 204 g 102 g 204
b 102 b 102 b 102
#cccc66 #cc6666 #99cc66
 
     
r 102 r 204 r 153
g 102 g 102 g 153
b 51 b 51 b 51
#666633 #cc6633 #999933

我来说两句:

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


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