基于色调的配色关系
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 |
|
