基于色相的配色关系
相反色相,类似色调配色
| 色相环 | 色调表 |
 |  |
这种配色方案是采用相反色相类似色调的配色方案。
虽然使用了相反的色相,但通过使用类似的色调可以得到特殊配色效果。而影响这种配色方案效果的最重要的因素在于使用的色调。
- 当使用了彩度比较高的鲜明色调时,所使用色相效果将被突出从而得到较强的动态效果;
- 当使用了彩度较低的黑暗色调时,即使使用了多种不同的色相也能够得到较安静沉重的效果,这是因为使用暗色调时色相的差异也会变得不太明显。
相反色相、类似色调配色方案的特点:静态的变化效果。
- 补色与相反色相配色:强调效果,轻快的气氛;
- 类似色相配色:整齐、安静的感觉。
配色实例
 | | | |
|---|
| 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 |
|