background-color = ...
Applies a background color to the markup element.
Specifying a color value for this field
The background-color field accepts a color value expressed either as a text keyword or a numerical color value represented in hexadecimal notation.
Color keywords
Examples of valid colors in text notation are {black}, {white}, {blue}, {yellow}, and {orange}. ioL accepts any of the color keywords defined by the SVG 1.1 standard specification.
Hexadecimal colors
You can specify any color in the full 24-bit color spectrum by specifying the color's numerical value directly. Color values are 6-digit hexadecimal values, where each pair of digits ranges from x00 to xFF and refers to the color's red, green and blue component respectively.
Examples:
- x000000: full black (zero red, zero green, zero blue)
- xFFFFFF: full white (full red, full green, full blue)
- xFF0000: pure red (full red, zero green, zero blue)
- x00FF00: pure green (zero red, full green, zero blue)
- x0000FF: pure blue (zero red, zero green, full blue)
How to convert from web colors to ioL color values
Sample color palettes available online often provide colours in hexadecimal notation. However, please note that ioL requires hexadecimal digits to be written in uppercase with a x (not #) prefix. While the web notation is slightly different, the values themselves are the same. See the table below for examples on how to convert web colors into ioL colors.
| Web color notation | Equivalent ioL notation | |
|---|---|---|
| #94c2bf | → | x94C2BF |
| #ffffff | → | xFFFFFF |
| #93a1a1 | → | x93A1A1 |
Remember that these are numbers, not strings. Do not use braces { }.