# Named colours reference

> All 10 named colours in AlgoBarsX, each with its parameters, defaults, ranges and an example: green, red, blue, gray, white, black, orange, yellow, purple, teal.

Source: https://algobarsx.com/docs/ref-var-colors/

### `green` → color

The green color; use .fade(percent) for transparency.

```algobarsx
tint = green.fade(50)
```

Works in: strategy, indicator, alert, library. Since 1.0.

### `red` → color

The red color; use .fade(percent) for transparency.

```algobarsx
tint = red.fade(50)
```

Works in: strategy, indicator, alert, library. Since 1.0.

### `blue` → color

The blue color; use .fade(percent) for transparency.

```algobarsx
tint = blue.fade(50)
```

Works in: strategy, indicator, alert, library. Since 1.0.

### `gray` → color

The gray color; use .fade(percent) for transparency.

```algobarsx
tint = gray.fade(50)
```

Works in: strategy, indicator, alert, library. Since 1.0.

### `white` → color

The white color; use .fade(percent) for transparency.

```algobarsx
tint = white.fade(50)
```

Works in: strategy, indicator, alert, library. Since 1.0.

### `black` → color

The black color; use .fade(percent) for transparency.

```algobarsx
tint = black.fade(50)
```

Works in: strategy, indicator, alert, library. Since 1.0.

### `orange` → color

The orange color; use .fade(percent) for transparency.

```algobarsx
tint = orange.fade(50)
```

Works in: strategy, indicator, alert, library. Since 1.0.

### `yellow` → color

The yellow color; use .fade(percent) for transparency.

```algobarsx
tint = yellow.fade(50)
```

Works in: strategy, indicator, alert, library. Since 1.0.

### `purple` → color

The purple color; use .fade(percent) for transparency.

```algobarsx
tint = purple.fade(50)
```

Works in: strategy, indicator, alert, library. Since 1.0.

### `teal` → color

The teal color; use .fade(percent) for transparency.

```algobarsx
tint = teal.fade(50)
```

Works in: strategy, indicator, alert, library. Since 1.0.