infocn.org 关于颜色 平面配色 网页配色 颜色代码 色名 视频教程 配色工具 关于我们 欢迎加入QQ群75704887

基于色相的配色关系

相反色相,类似色调配色

色相环色调表

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

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

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

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

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

 

配色实例

R 228R 49R 246
G 149G 154G 204
B 57B 214B 87
#e49539#319ad6#f6CC57

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

配色辞典

R 102R 255R 255
G 204G 255G 102
B 204B 102B 204
#66CCCC#FFFF66#FF66CC
R 204R 204R 255
G 204G 255G 153
B 255B 153B 153
#CCCCFF#CCFF99#FF9999
R 0R 255R 255
G 153G 204G 153
B 51B 0B 153
#009933#FFCC00#FF9999
R 0R 255R 102
G 153G 153G 0
B 153B 51B 102
#009999#FF9933#660066
R 204R 153R 153
G 51G 204G 0
B 51B 0B 204
#CC3333#99CC00#9900CC
R 153R 51R 255
G 204G 0G 153
B 0B 102B 0
#99CC00#330066#FF9900
R 204R 204R 153
G 204G 102G 204
B 102B 102B 102
#CCCC66#CC6666#99CC66
 
R 102R 204R 153
G 102G 102G 153
B 51B 51B 51
#666633#CC6633#999933