Defining Colors

t-ui supports colors in hexadecimal representations ("#aarrggbb") and several strings.

Hexadecimal

#aarrggbb
or
#rrggbb

• the character # is needed: if you don't include it, you will notice unexpected behaviors
• aa represents the alpha channel, the transparency. It's optional, so you can exclude it if you don't need transparency. "00" means "completely transparent", "FF" means "fully opaque". So, "80" means "~50% transparent"
• rr represents the red color
• gg represents the green color
• bb represents the blue color

Examples

• #FFC107
• #795548
• #607D8B
• #3F51B5
• #E040FB

Fully transparent color:

• #00000000 (but every color with alpha "00" is ok)

Fully opaque color

• #FFrrggbb (replace rrggbb with the desired color)

Nice Sites:

• Official Google Material Palette: Link
• An other Material Palette: Link
• Many other Colors: Link

String

You can use those strings that represent simplified colors:

• red
• blue
• green
• black
• white
• gray
• cyan
• magenta
• yellow
• lightgray
• darkgray
• aqua
• fuchsia
• lime
• maroon
• navy
• olive
• purple
• silver
• teal