Table of Contents





Color

A variable wich stores a color code.

Description

Create a new Color object from the given string.

Parameters
parameter data type description
0 String The color code in hex, rgb or as name
Returns
data type description
Color A Color object
Description

Returns the color as string.

Returns
data type description
String Color as string
Supported color codes

Following html color code types are allowed:

Names: red
HEX: #ff0000
RGB: rgb(255, 0, 0)
HSL: hsl(360deg, 100%, 50%)

Please be aware if you use the transparency attribute in RGB colors, that the font color of the records may not be adjusted automatically (can cause some accessibility issue due to low contrast) e.g. #C7D6C3) instead of rgb(67, 122, 54, 0.3). You will find all light colors with transparency as well translated in HEX format in this description.

Default color codes
Semantic Colors

Negative
Light Flavor
⬤ #BB0000
⬤ rgb(187, 0, 0, 1.0)
Light Flavor 30% transparency
⬤ #EEBAB8
⬤ rgb(187, 0, 0, 0.3)
Dark Flavor
⬤ #FF8888
⬤ rgb(255, 136, 136, 1.0)

Critical
Light Flavor
⬤ #E78C07
⬤ rgb(231, 140, 7, 1.0)
Light Flavor 30% transparency
⬤ #F9DDBE
⬤ rgb(231, 140, 7, 0.3)
Dark Flavor
⬤ #FABD64
⬤ rgb(250, 189, 100, 1.0)

Positive
Light Flavor
⬤ #2B7D2B
⬤ rgb(43, 125, 43, 1.0)
Light Flavor 30% transparency
⬤ #C2D8C0
⬤ rgb(43, 125, 43, 0.3)
Dark Flavor
⬤ #ABE2AB
⬤ rgb(171, 226, 171, 1.0)

Neutral
Light Flavor
⬤ #5E696E
⬤ rgb(94, 105, 110, 1.0)
Light Flavor 30% transparency
⬤ #CED2D3
⬤ rgb(94, 105, 110, 0.3)
Dark Flavor
⬤ #D3D7D9
⬤ rgb(211, 215, 217, 1.0)

Information
Light Flavor
⬤ #427CAC
⬤ rgb(66, 124, 172, 1.0)
Light Flavor 30% transparency
⬤ #C7D8E7
⬤ rgb(66, 124, 172, 0.3)
Dark Flavor
⬤ #91C8F6
⬤ rgb(145, 200, 246, 1.0)

Accent colors

Yellow
Light Flavor
⬤ #E09D00
⬤ rgb(224, 157, 0, 1.0)
Light Flavor 30% transparency
⬤ #F7E1BE
⬤ rgb(224, 157, 0, 0.3)

Orange
Light Flavor
⬤ #E6600D
⬤ rgb(230, 96, 13, 1.0)
Light Flavor 30% transparency
⬤ #FAD0BC
⬤ rgb(230, 96, 13, 0.3)

Red
Light Flavor
⬤ #C14646
⬤ rgb(193, 70, 70, 1.0)
Light Flavor 30% transparency
⬤ #EEC9C7
⬤ rgb(193, 70, 70, 0.3)

Purpur
Light Flavor
⬤ #AB218E
⬤ rgb(171, 33, 142, 1.0)
Light Flavor 30% transparency
⬤ #E8BEDE
⬤ rgb(171, 33, 142, 0.3)

Darkblue
Light Flavor
⬤ #678BC7
⬤ rgb(103, 139, 199, 1.0)
Light Flavor 30% transparency
⬤ #D1DCEF
⬤ rgb(103, 139, 199, 0.3)

Blue
Light Flavor
⬤ #0092D1
⬤ rgb(0, 146, 209, 1.0)
Light Flavor 30% transparency
⬤ #BFDEF1
⬤ rgb(0, 146, 209, 0.3)

Turquoise
Light Flavor
⬤ #1A9898
⬤ rgb(26, 152, 152, 1.0)
Light Flavor 30% transparency
⬤ #C2E0E1
⬤ rgb(26, 152, 152, 0.3)

Green
Light Flavor
⬤ #759421
⬤ rgb(117, 148, 33, 1.0)
Light Flavor 30% transparency
⬤ #D5DEC0
⬤ rgb(117, 148, 33, 0.3)

Purple
Light Flavor
⬤ #925ACE
⬤ rgb(146, 90, 206, 1.0)
Light Flavor 30% transparency
⬤ #DFCDF1
⬤ rgb(146, 90, 206, 0.3)

Gray
Light Flavor
⬤ #647987
⬤ rgb(100, 121, 135, 1.0)
Light Flavor 30% transparency
⬤ #D0D6DA
⬤ rgb(100, 121, 135, 0.3)

Indicator colors

UI Indication 1
Light Flavor
⬤ #880000
⬤ rgb(136, 0, 0, 1.0)
Light Flavor 50% transparency
⬤ #C68784
⬤ rgb(136, 0, 0, 0.5)
Light Flavor 30% transparency
⬤ #DEB8B5
⬤ rgb(136, 0, 0, 0.3)
Dark Flavor
⬤ #FF8888
⬤ rgb(255, 136, 136, 1.0)

UI Indication 2
Light Flavor
⬤ #BB0000
⬤ rgb(171, 34, 23, 1.0)
Light Flavor 50% transparency
⬤ #D8948E
⬤ rgb(171, 34, 23, 0.5)
Light Flavor 30% transparency
⬤ #E8BEBB
⬤ rgb(171, 34, 23, 0.3)
Dark Flavor
⬤ #FFBBBB
⬤ rgb(255, 187, 187, 1.0)

UI Indication 3
Light Flavor
⬤ #E78C07
⬤ rgb(219, 144, 52, 1.0)
Light Flavor 50% transparency
⬤ #EEC89E
⬤ rgb(219, 144, 52, 0.5)
Light Flavor 30% transparency
⬤ #F5DDC5
⬤ rgb(219, 144, 52, 0.3)
Dark Flavor
⬤ #FABD64
⬤ rgb(250, 189, 100, 1.0)

UI Indication 4
Light Flavor
⬤ #2B7C2B
⬤ rgb(67, 122, 54, 1.0)
Light Flavor 50% transparency
⬤ #A2BD9B
⬤ rgb(67, 122, 54, 0.5)
Light Flavor 30% transparency
⬤ #C7D6C3
⬤ rgb(67, 122, 54, 0.3)
Dark Flavor
⬤ #ABE2AB
⬤ rgb(171, 226, 171, 1.0)

UI Indication 5
Light Flavor
⬤ #427CAC
⬤ rgb(80, 123, 168, 1.0)
Light Flavor 50% transparency
⬤ #A8BDD3
⬤ rgb(80, 123, 168, 0.5)
Light Flavor 30% transparency
⬤ #CBD7E5
⬤ rgb(80, 123, 168, 0.3)
Dark Flavor
⬤ #91C8F6
⬤ rgb(145, 200, 246, 1.0)

UI Indication 6
Light Flavor
⬤ #1A9898
⬤ rgb(26, 152, 152, 1.0)
Light Flavor 50% transparency
⬤ #98CBCC
⬤ rgb(26, 152, 152, 0.5)
Light Flavor 30% transparency
⬤ #C2E0E1
⬤ rgb(26, 152, 152, 0.3)
Dark Flavor
⬤ #7FC6C6
⬤ rgb(127, 198, 198, 1.0)

UI Indication 7
Light Flavor
⬤ #925ACE
⬤ rgb(146, 90, 206, 1.0)
Light Flavor 50% transparency
⬤ #C9ACE7
⬤ rgb(146, 90, 206, 0.5)
Light Flavor 30% transparency
⬤ #DFCDF1
⬤ rgb(146, 90, 206, 0.3)
Dark Flavor
⬤ #B995E0
⬤ rgb(185, 149, 224, 1.0)

UI Indication 8
Light Flavor
⬤ #AB218E
⬤ rgb(171, 33, 142, 1.0)
Light Flavor 50% transparency
⬤ #D893C7
⬤ rgb(171, 33, 142, 0.5)
Light Flavor 30% transparency
⬤ #E8BEDE
⬤ rgb(171, 33, 142, 0.3)
Dark Flavor
⬤ #E269C9
⬤ rgb(226, 105, 200, 1.0)