Class Color

Color objects are used in annotations for defining colors. We're using an rgb representation internally with the r, g, b values clipped between 0 and 255 inclusive, and a transparent flag that can be used to indicate that the color is transparent, in which case the provided r, g, and b values are ignored and set to 0 in the instantiated Color.

It is an Immutable.Record and thus can be updated using set(key, value), for example: color.set("r", 255).

However, in order to obtain a transparent color the static TRANSPARENT value should be used instead.

The difference between using Color.TRANSPARENT and null as values for annotation color properties may depend on the context; if the annotation is being created or updated:

If an annotation with a non-transparent color value is updated to have a color value of Color.TRANSPARENT, the color value will be updated and be transparent.
But if that same annotation is updated to have a color value of null, the color change will not be saved to the document, although it may appear as transparent in the viewer.

To avoid inconsistencies, it is recommended to always use Color.TRANSPARENT instead of null when updating annotations.

Example

Create and update a color.

var color = new NutrientViewer.Color({ r: 245, g: 0, b: 0 });
color = color.set("r", 255);
color.r; // => 255

Param: color

An object used to initialize the color. If r, g or b is omitted, 0 will be used instead.

Default

{ r: 0, g: 0, b: 0, transparent: false }

Hierarchy

Record<{ b: number; g: number; r: number; transparent: boolean }, this> & Readonly<
{ b: number; g: number; r: number; transparent: boolean },
>
- Color

Constructors

constructor

new Color(
color: { b?: number; g?: number; r?: number; transparent?: boolean },
): NutrientViewer.Color
Parameters
- color: { b?: number; g?: number; r?: number; transparent?: boolean }
Returns NutrientViewer.Color
Overrides ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).constructor

Properties

`Readonly`b

b: number = 0

The blue value of the color.

Default

`Readonly`g

g: number = 0

The green value of the color.

Default

`Readonly`r

r: number = 0

The red value of the color.

Default

`Readonly`transparent

transparent: boolean = false

Transparency of the color.

Default

false

`Static`BLACK

BLACK: NutrientViewer.Color = ...

Simple black (CSS: rgb(0, 0, 0))

`Static`BLUE

BLUE: NutrientViewer.Color = ...

Blue (CSS: rgb(34, 147, 251))

`Static`DARK_BLUE

DARK_BLUE: NutrientViewer.Color = ...

Blue (CSS: rgb(36, 131, 199))

`Static`DARK_GREY

DARK_GREY: NutrientViewer.Color = ...

Dark grey (CSS: rgb(64, 64, 64))

`Static`GREEN

GREEN: NutrientViewer.Color = ...

Green (CSS: rgb(110, 176, 0))

`Static`GREY

GREY: NutrientViewer.Color = ...

Grey (CSS: rgb(128, 128, 128))

`Static`LIGHT_BLUE

LIGHT_BLUE: NutrientViewer.Color = ...

Light blue (CSS: rgb(141, 184, 255))

`Static`LIGHT_GREEN

LIGHT_GREEN: NutrientViewer.Color = ...

Light green (CSS: rgb(162, 250, 123))

`Static`LIGHT_GREY

LIGHT_GREY: NutrientViewer.Color = ...

Light grey (CSS: rgb(192, 192, 192))

`Static`LIGHT_ORANGE

LIGHT_ORANGE: NutrientViewer.Color = ...

Light orange (CSS: rgb(255, 139, 94))

`Static`LIGHT_RED

LIGHT_RED: NutrientViewer.Color = ...

Light red (CSS: rgb(247, 141, 138))

`Static`LIGHT_YELLOW

LIGHT_YELLOW: NutrientViewer.Color = ...

Light yellow (CSS: rgb(252, 238, 124))

`Static`MAUVE

MAUVE: NutrientViewer.Color = ...

Mauve (CSS: rgb(245, 135, 255))

`Static`ORANGE

ORANGE: NutrientViewer.Color = ...

Orange (CSS: rgb(243, 149, 0))

`Static`PINK

PINK: NutrientViewer.Color = ...

Pink (CSS: rgb(255, 114, 147))

`Static`PURPLE

PURPLE: NutrientViewer.Color = ...

Purple (CSS: rgb(255, 0, 255))

`Static`RED

RED: NutrientViewer.Color = ...

Red (CSS: rgb(248, 36, 0))

`Static`TRANSPARENT

TRANSPARENT: NutrientViewer.Color = ...

Transparent (CSS: transparent)

`Static`WHITE

WHITE: NutrientViewer.Color = ...

Simple white (CSS: rgb(255, 255, 255))

`Static`YELLOW

YELLOW: NutrientViewer.Color = ...

Yellow (CSS: rgb(255, 255, 0))

Methods

[iterator]

"[iterator]"(): IterableIterator<
["r" | "g" | "b" | "transparent", number | boolean],
>
Returns IterableIterator<["r" | "g" | "b" | "transparent", number | boolean]>
Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).[iterator]

asImmutable

asImmutable(): this
Returns this
See
Map#asImmutable

Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).asImmutable

asMutable

asMutable(): this
Returns this
See
Map#asMutable

Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).asMutable

clear

clear(): this
Returns a new instance of this Record type with all values set to their default values.

Returns this
Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).clear

contrastRatio

contrastRatio(color: NutrientViewer.Color): number
Parameters
- color: NutrientViewer.Color
Returns number

darker

darker(percent: number): NutrientViewer.Color
Returns a darker version of the current Color.
Parameters
- percent: number
  The percentage of lightness between 0 and 100.
Returns NutrientViewer.Color
A Color with the new values.
Example
```
const color = NutrientViewer.Color.RED.darker(50);
```

delete

delete<K extends "r" | "g" | "b" | "transparent">(key: K): this
Returns a new instance of this Record type with the value for the specific key set to its default value.
Type Parameters
- K extends "r" | "g" | "b" | "transparent"
Parameters
- key: K
Returns this
Alias
remove

Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).delete

deleteIn

deleteIn(keyPath: Iterable<any>): this
Parameters
- keyPath: Iterable<any>
Returns this
Alias
removeIn

Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).deleteIn

equals

equals(
    color:
        | NutrientViewer.Color
        | { b: number; g: number; r: number; transparent: boolean },
): boolean
Returns true if the provided color or object and the current Color have the same RGB values.
Parameters
- color: NutrientViewer.Color | { b: number; g: number; r: number; transparent: boolean }
  Color instance or RGB object.
Returns boolean
True if equal, false otherwise.
Example
```
const color = NutrientViewer.Color.RED.equals({ r: 248, g: 36, b: 0 });
```
Overrides ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).equals

get

get<K extends "r" | "g" | "b" | "transparent">(
key: K,
notSetValue?: any,
): { b: number; g: number; r: number; transparent: boolean }[K]
Returns the value associated with the provided key, which may be the default value defined when creating the Record factory function.

If the requested key is not defined by this Record type, then notSetValue will be returned if provided. Note that this scenario would produce an error when using Flow or TypeScript.
Type Parameters
- K extends "r" | "g" | "b" | "transparent"
Parameters
- key: K
- OptionalnotSetValue: any
Returns { b: number; g: number; r: number; transparent: boolean }[K]
Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).get
get<T>(key: string, notSetValue: T): T
Type Parameters
- T
Parameters
- key: string
- notSetValue: T
Returns T
Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).get

getIn

getIn(keyPath: Iterable<any>): any
Parameters
- keyPath: Iterable<any>
Returns any
Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).getIn

has

has(key: string): key is "r" | "g" | "b" | "transparent"
Parameters
- key: string
Returns key is "r" | "g" | "b" | "transparent"
Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).has

hashCode

hashCode(): number
Returns number
Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).hashCode

hasIn

hasIn(keyPath: Iterable<any>): boolean
Parameters
- keyPath: Iterable<any>
Returns boolean
Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).hasIn

lighter

lighter(percent: number): NutrientViewer.Color
Returns a lighter version of the current Color.
Parameters
- percent: number
  The percentage of lightness between 0 and 100.
Returns NutrientViewer.Color
A Color with the new values.
Example
```
const color = NutrientViewer.Color.RED.lighter(50);
```

merge

merge(
    ...collections: (
        | Iterable<[string, any]>
        | Partial<{ b: number; g: number; r: number; transparent: boolean }>
    )[],
): this
Parameters
- ...collections: (
  | Iterable<[string, any]>
  | Partial<{ b: number; g: number; r: number; transparent: boolean }>
  )[]
Returns this
Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).merge

mergeDeep

mergeDeep(
    ...collections: (
        | Iterable<[string, any]>
        | Partial<{ b: number; g: number; r: number; transparent: boolean }>
    )[],
): this
Parameters
- ...collections: (
  | Iterable<[string, any]>
  | Partial<{ b: number; g: number; r: number; transparent: boolean }>
  )[]
Returns this
Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).mergeDeep

mergeDeepIn

mergeDeepIn(keyPath: Iterable<any>, ...collections: any[]): this
Parameters
- keyPath: Iterable<any>
- ...collections: any[]
Returns this
Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).mergeDeepIn

mergeDeepWith

mergeDeepWith(
    merger: (oldVal: any, newVal: any, key: any) => any,
    ...collections: (
        | Iterable<[string, any]>
        | Partial<{ b: number; g: number; r: number; transparent: boolean }>
    )[],
): this
Parameters
- merger: (oldVal: any, newVal: any, key: any) => any
- ...collections: (
  | Iterable<[string, any]>
  | Partial<{ b: number; g: number; r: number; transparent: boolean }>
  )[]
Returns this
Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).mergeDeepWith

mergeIn

mergeIn(keyPath: Iterable<any>, ...collections: any[]): this
Parameters
- keyPath: Iterable<any>
- ...collections: any[]
Returns this
Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).mergeIn

mergeWith

mergeWith(
    merger: (
        oldVal: any,
        newVal: any,
        key: "r" | "g" | "b" | "transparent",
    ) => any,
    ...collections: (
        | Iterable<[string, any]>
        | Partial<{ b: number; g: number; r: number; transparent: boolean }>
    )[],
): this
Parameters
- merger: (oldVal: any, newVal: any, key: "r" | "g" | "b" | "transparent") => any
- ...collections: (
  | Iterable<[string, any]>
  | Partial<{ b: number; g: number; r: number; transparent: boolean }>
  )[]
Returns this
Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).mergeWith

relativeLuminance

relativeLuminance(): number
Returns number

remove

remove<K extends "r" | "g" | "b" | "transparent">(key: K): this
Type Parameters
- K extends "r" | "g" | "b" | "transparent"
Parameters
- key: K
Returns this
Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).remove

removeIn

removeIn(keyPath: Iterable<any>): this
Parameters
- keyPath: Iterable<any>
Returns this
Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).removeIn

saturate

saturate(percent: number): NutrientViewer.Color
Modifies the saturation of the Color and returns a new one.
Parameters
- percent: number
  The percentage of saturation between 0 and 100.
Returns NutrientViewer.Color
A Color with the new values.
Example
```
const color = NutrientViewer.Color.RED.saturate(50);
```

set

set<K extends "r" | "g" | "b" | "transparent">(
key: K,
value: { b: number; g: number; r: number; transparent: boolean }[K],
): this
Type Parameters
- K extends "r" | "g" | "b" | "transparent"
Parameters
- key: K
- value: { b: number; g: number; r: number; transparent: boolean }[K]
Returns this
Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).set

setIn

setIn(keyPath: Iterable<any>, value: any): this
Parameters
- keyPath: Iterable<any>
- value: any
Returns this
Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).setIn

sRGBToRGBComponent

sRGBToRGBComponent(RGBComponent: number): number
Parameters
- RGBComponent: number
Returns number

toCSSValue

toCSSValue(): string
Converts the color to a CSS value (e.g. rgb(255, 0, 0)).

Returns string
A CSS color value in rgb format.
Example
```
NutrientViewer.Color.RED.toCSSValue(); // => 'rgb(248, 36, 0)'
```

toHex

toHex(): string
Converts the color to a Hex value (e.g. #000000).

Returns string
A CSS color value in hex format.
Example
```
NutrientViewer.Color.RED.toHex(); // => '#f82400'
```

toJS

toJS(): { b: any; g: any; r: any; transparent: any }
Deeply converts this Record to equivalent native JavaScript Object.

Note: This method may not be overridden. Objects with custom serialization to plain JS may override toJSON() instead.

Returns { b: any; g: any; r: any; transparent: any }
- b: any
  The blue value of the color.
  Default
  0
- g: any
  The green value of the color.
  Default
  0
- r: any
  The red value of the color.
  Default
  0
- transparent: any
  Transparency of the color.
  Default
  false
Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).toJS

toJSON

toJSON(): { b: number; g: number; r: number; transparent: boolean }
Shallowly converts this Record to equivalent native JavaScript Object.

Returns { b: number; g: number; r: number; transparent: boolean }
- b: number
  The blue value of the color.
  Default
  0
- g: number
  The green value of the color.
  Default
  0
- r: number
  The red value of the color.
  Default
  0
- transparent: boolean
  Transparency of the color.
  Default
  false
Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).toJSON

toObject

toObject(): { b: number; g: number; r: number; transparent: boolean }
Shallowly converts this Record to equivalent JavaScript Object.

Returns { b: number; g: number; r: number; transparent: boolean }
- b: number
  The blue value of the color.
  Default
  0
- g: number
  The green value of the color.
  Default
  0
- r: number
  The red value of the color.
  Default
  0
- transparent: boolean
  Transparency of the color.
  Default
  false
Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).toObject

toSeq

toSeq(): Keyed<"r" | "g" | "b" | "transparent", number | boolean>
Returns Keyed<"r" | "g" | "b" | "transparent", number | boolean>
Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).toSeq

update

update<K extends "r" | "g" | "b" | "transparent">(
    key: K,
    updater: (
        value: { b: number; g: number; r: number; transparent: boolean }[K],
    ) => { b: number; g: number; r: number; transparent: boolean }[K],
): this
Type Parameters
- K extends "r" | "g" | "b" | "transparent"
Parameters
- key: K
- updater: (
  value: { b: number; g: number; r: number; transparent: boolean }[K],
  ) => { b: number; g: number; r: number; transparent: boolean }[K]
Returns this
Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).update

updateIn

updateIn(keyPath: Iterable<any>, updater: (value: any) => any): this
Parameters
- keyPath: Iterable<any>
- updater: (value: any) => any
Returns this
Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).updateIn

wasAltered

wasAltered(): boolean
Returns boolean
See
Map#wasAltered

Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).wasAltered

withMutations

withMutations(mutator: (mutable: this) => any): this
Note: Not all methods can be used on a mutable collection or within withMutations! Only set may be used mutatively.
Parameters
- mutator: (mutable: this) => any
Returns this
See
Map#withMutations

Inherited from ImmutableRecord({ /** * The red value of the color. * * @default 0 */ r: 0, /** * The green value of the color. * * @default 0 */ g: 0, /** * The blue value of the color. * * @default 0 */ b: 0, /** * Transparency of the color. * * @default false */ transparent: false, }).withMutations

`Static`fromHex

fromHex(hexColor: string): NutrientViewer.Color
Converts a hex color value to a Color instance.
Parameters
- hexColor: string
  The hex color value to convert.
Returns NutrientViewer.Color
A Color instance.

Class Color

Example

Param: color

Default

Hierarchy

Index

Constructors

Properties

Methods

Constructors

constructor

Parameters

Returns NutrientViewer.Color

Properties

Readonlyb

Default

Readonlyg

Default

Readonlyr

Default

Readonlytransparent

Default

StaticBLACK

StaticBLUE

StaticDARK_BLUE

StaticDARK_GREY

StaticGREEN

StaticGREY

StaticLIGHT_BLUE

StaticLIGHT_GREEN

StaticLIGHT_GREY

StaticLIGHT_ORANGE

StaticLIGHT_RED

StaticLIGHT_YELLOW

StaticMAUVE

StaticORANGE

StaticPINK

StaticPURPLE

StaticRED

StaticTRANSPARENT

StaticWHITE

StaticYELLOW

Methods

[iterator]

Returns IterableIterator<["r" | "g" | "b" | "transparent", number | boolean]>

asImmutable

Returns this

See

asMutable

Returns this

See

clear

Returns this

contrastRatio

Parameters

Returns number

darker

Parameters

Returns NutrientViewer.Color

Example

delete

Type Parameters

Parameters

Returns this

Alias

deleteIn

Parameters

Returns this

Alias

equals

Parameters

Returns boolean

Example

get

Type Parameters

Parameters

Returns { b: number; g: number; r: number; transparent: boolean }[K]

Type Parameters

Parameters

Returns T

`Readonly`b

`Readonly`g

`Readonly`r

`Readonly`transparent

`Static`BLACK

`Static`BLUE

`Static`DARK_BLUE

`Static`DARK_GREY

`Static`GREEN

`Static`GREY

`Static`LIGHT_BLUE

`Static`LIGHT_GREEN

`Static`LIGHT_GREY

`Static`LIGHT_ORANGE

`Static`LIGHT_RED

`Static`LIGHT_YELLOW

`Static`MAUVE

`Static`ORANGE

`Static`PINK

`Static`PURPLE

`Static`RED

`Static`TRANSPARENT

`Static`WHITE

`Static`YELLOW