ScriptX

Appearance

Color ​

Create and manipulate colors

Color represents RGBA colors with support for hex notation and dynamic colors.

Use Color to:

Examples ​

javascript
let red = new Color("#FF0000");
let semiTransparent = new Color("#00FF00", 0.5);
javascript
let blue = Color.blue();
let gray = Color.gray();
javascript
let dynamic = Color.dynamic(Color.white(), Color.black());

Methods ​

init ​

Create a color from hex string

Supports formats: "#RGB", "#RRGGBB", "#RRGGBBAA"

typescript
init(hex, alpha): void
  • hex - Hex color string
  • alpha - Optional alpha value (0.0-1.0)

Example:

javascript
new Color("#FF0000", 0.5)

getHex ​

Get hex string representation

typescript
getHex(): string

Example:

javascript
color.hex

getRed ​

Get red component (0.0-1.0)

typescript
getRed(): number

Example:

javascript
color.red

getGreen ​

Get green component (0.0-1.0)

typescript
getGreen(): number

Example:

javascript
color.green

getBlue ​

Get blue component (0.0-1.0)

typescript
getBlue(): number

Example:

javascript
color.blue

getAlpha ​

Get alpha component (0.0-1.0)

typescript
getAlpha(): number

Example:

javascript
color.alpha

toColorString ​

Convert to internal color string format

typescript
toColorString(): string

black ​

Black color (#000000)

typescript
static black(): Color

Example:

javascript
Color.black()

darkGray ​

Dark gray color

typescript
static darkGray(): Color

Example:

javascript
Color.darkGray()

lightGray ​

Light gray color

typescript
static lightGray(): Color

Example:

javascript
Color.lightGray()

white ​

White color (#FFFFFF)

typescript
static white(): Color

Example:

javascript
Color.white()

gray ​

Gray color

typescript
static gray(): Color

Example:

javascript
Color.gray()

red ​

Red color (iOS system red)

typescript
static red(): Color

Example:

javascript
Color.red()

green ​

Green color (iOS system green)

typescript
static green(): Color

Example:

javascript
Color.green()

blue ​

Blue color (iOS system blue)

typescript
static blue(): Color

Example:

javascript
Color.blue()

cyan ​

Cyan color

typescript
static cyan(): Color

Example:

javascript
Color.cyan()

yellow ​

Yellow color

typescript
static yellow(): Color

Example:

javascript
Color.yellow()

magenta ​

Magenta color

typescript
static magenta(): Color

Example:

javascript
Color.magenta()

orange ​

Orange color

typescript
static orange(): Color

Example:

javascript
Color.orange()

purple ​

Purple color

typescript
static purple(): Color

Example:

javascript
Color.purple()

brown ​

Brown color

typescript
static brown(): Color

Example:

javascript
Color.brown()

clear ​

Transparent color

typescript
static clear(): Color

Example:

javascript
Color.clear()

dynamic ​

Create a color that adapts to light/dark mode

typescript
static dynamic(lightColor, darkColor): Color
  • lightColor - Color for light mode
  • darkColor - Color for dark mode

Returns: Dynamic color

Example:

javascript
Color.dynamic(Color.white(), Color.black())