Frequently Referenced Types
Color
The module supports many color strings formats including hex, rgb, rgba, hsl, sla, css color, and Ignition theme colors.
Any color defined with an alpha (hexa, rgba, hsla) which also has an opacity property defined alongside will automatically multiply the alpha and opacity.
Ex: A pen stroke color defined by #FFFFFF80 with a pen stroke opacity of 0.9 will result in an actual rendered color of #FFFFFF73.
| Input Type | Description | Examples | Sample Color |
| Color Picker | All color properties may use the ignition designer color picker to select colors. The value is translated from rgb and hsl to hex as the user edits the color picker values. |
See hex code input type. |
N/A |
| Hex code | Colors may be entered as a six-digit hexadecimal RGB code. Each pair of values represents red, blue, and green, in that order. |
|
white red green pink |
| RGB |
Colors may be entered as RGB values, with three values for red, blue, and green, in that order. |
|
white red green pink |
| RGBA | Colors may be entered as RGBA values, with three values for red, blue, and green, in that order, in addition to an alpha value that controls transparency. |
|
white red green pink |
| HSL | Colors may be entered as HSL values, specifying hue, saturation, and lightness. |
|
white red green pink |
| HSLA |
Colors may be entered as HSLA values, specifying hue, saturation, and lightness, in addition to an alpha value that controls transparency. |
|
white red green pink |
| CSS Color String | A supported color may be written as a simple string. See Color Strings for examples of all supported colors. |
|
white red green pink |
| Ignition Theme Colors | Ignition provides a set of themed colors that may be referenced as a string. These colors will change depending on the selected theme. See the Ignition User Manual for an exhaustive list. |
|
N/A |
Sample Color Strings
| Color | String | Hex Code | RGB | HSL |
white |
|
|
|
|
red |
|
|
|
|
green |
|
|
|
|
pink |
#FFC0CB |
|
|
Color names and hex values are not case-sensitive.
Float
The Float property type means that the property supports floating point numbers and is used to distinguish between floating point numbers and integers. These are 64-bit floating point JavaScript numbers.