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

基于色调的配色关系

Separation配色——强弱对比效果

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

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

配色实例

R 204R 0R 255R 0
G 0G 0G 255G 51
B 0B 0B 255B 102
#CC0000#000000#FFFFFF#003366

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

配色辞典

R 153R 255R 255
G 204G 255G 153
B 204B 255B 204
#99CCCC#FFFFFF#FF99CC
R 102R 255R 102
G 153G 255G 0
B 51B 255B 102
#669933#FFFFFF#660066
R 255R 255R 153
G 102G 255G 204
B 0B 255B 0
#FF6600#FFFFFF#99CC00
R 204R 255R 153
G 204G 0G 204
B 153B 51B 204
#CCCC99#FF0033#99CCCC
R 255R 204R 204
G 204G 51G 255
B 204B 153B 204
#FFCCCC#CC3399#CCFFCC
R 51R 255R 153
G 102G 255G 102
B 153B 0B 153
#336699#FFFF00#996699
R 204R 51R 255
G 204G 51G 255
B 102B 0B 0
#CCCC66#333300#FFFF66
 
R 102R 0R 255
G 204G 51G 255
B 153B 0B 0
#66CC99#003300#FFFF66