You can meet color settings almost for all items in Character Generator. Background settings, text color, and many others - all of the settings are colors. You can use not only solid colors but set its transparency and use gradients.
You can set color by using its name, e.g. 'Red'. But it is recommended to use HTML-like color code, like '#0EAA88':
<graphics type='rect' round-corners='0.30' outline='3.0' color='#0EAA88' outline-color='white'/>
To set transparency to the color you should set its value in brackets just after color code, e.g. '#0EAA88(100)':
You can use different types of a color gradient for color management. Type of gradient depends on the syntax that you use for color property:
| Gradient type | Syntax structure | Example |
|---|---|---|
| Horizontal | Colors are separated by '-' symbol, e.g. 'color1-color2-color3' For this type you can specify color angle for gradient with color-angle property, e.g. to set angle to 30 degrees you should set color-angle='30' |
color='#00FF00-#FF0000-#0000FF' |
| Vertical | Colors are separated by '|' symbol, e.g. 'color1|color2|color3' | color='#00FF00|#FF0000|#0000FF' |
| Round | Colors are separated by '*' symbol, e.g. 'color1*color2*color3' | color='#00FF00*#FF0000*#0000FF' |
You can set up to 16 colors in gradient row.