---
title: "Color"
---
# Color
A 32-bit RGBA color value.
## Static Methods
### from_gradient {#from_gradient}
```navi
Color.from_gradient(
value: float,
bottom_value: float,
top_value: float,
bottom_color: Color,
top_color: Color
): Color
```
Creates a color that is a gradient between `bottom_color` and `top_color` based on the `value` between `bottom_value` and `top_value`.
**Parameters**
| Name | Type | Default | Description |
| --- | --- | --- | --- |
| `value` | float | | The value to use for interpolation (between bottom_value and top_value). |
| `bottom_value` | float | | The lower bound of the value range. |
| `top_value` | float | | The upper bound of the value range. |
| `bottom_color` | Color | | The color to use when value equals bottom_value. |
| `top_color` | Color | | The color to use when value equals top_value. |
**Returns:** Color
---
### mix {#mix}
```navi
Color.mix(c1: Color, c2: Color, weight: float = 0.5): Color
```
Linearly blends two colors.
**Parameters**
| Name | Type | Default | Description |
| --- | --- | --- | --- |
| `c1` | Color | | The first color. |
| `c2` | Color | | The second color. |
| `weight` | float | `0.5` | Blend weight in [0.0, 1.0]. 0.0 = full `c1`, 1.0 = full `c2`. |
**Returns:** Color
---
### new {#new}
```navi
Color.new(color: Color, transp: float): Color
```
Creates a new color by changing the transparency of the given `color` to `transp` (0-100).
**Parameters**
| Name | Type | Default | Description |
| --- | --- | --- | --- |
| `color` | Color | | The color to modify. |
| `transp` | float | | The new transparency value (0-100). |
**Returns:** Color
---
### rgb {#rgb}
```navi
Color.rgb(red: float, green: float, blue: float, transp: float = 0): Color
```
Creates a color from the specified red, green, blue components (0-255) and optional transparency (0-100).
**Parameters**
| Name | Type | Default | Description |
| --- | --- | --- | --- |
| `red` | float | | The red component value (0-255). |
| `green` | float | | The green component value (0-255). |
| `blue` | float | | The blue component value (0-255). |
| `transp` | float | `0` | The transparency value (0-100, default: 0.0). |
**Returns:** Color
## Static Properties
### AQUA {#AQUA}
**Type:** const Color
Color constant for `#00BCD4`.
---
### BLACK {#BLACK}
**Type:** const Color
Color constant for `#363A45`.
---
### BLUE {#BLUE}
**Type:** const Color
Color constant for `#2962FF`.
---
### BROWN {#BROWN}
**Type:** const Color
Color constant for `#795548`.
---
### CORAL {#CORAL}
**Type:** const Color
Color constant for `#FF7043`.
---
### CYAN {#CYAN}
**Type:** const Color
Color constant for `#00BFF3`.
---
### FUCHSIA {#FUCHSIA}
**Type:** const Color
Color constant for `#E040FB`.
---
### GOLD {#GOLD}
**Type:** const Color
Color constant for `#FFD700`.
---
### GRAY {#GRAY}
**Type:** const Color
Color constant for `#787B86`.
---
### GREEN {#GREEN}
**Type:** const Color
Color constant for `#4CAF50`.
---
### INDIGO {#INDIGO}
**Type:** const Color
Color constant for `#3F51B5`.
---
### LIME {#LIME}
**Type:** const Color
Color constant for `#00E676`.
---
### MAROON {#MAROON}
**Type:** const Color
Color constant for `#880E4F`.
---
### NAVY {#NAVY}
**Type:** const Color
Color constant for `#311B92`.
---
### OLIVE {#OLIVE}
**Type:** const Color
Color constant for `#808000`.
---
### ORANGE {#ORANGE}
**Type:** const Color
Color constant for `#FF9800`.
---
### PINK {#PINK}
**Type:** const Color
Color constant for `#E91E63`.
---
### PURPLE {#PURPLE}
**Type:** const Color
Color constant for `#9C27B0`.
---
### RED {#RED}
**Type:** const Color
Color constant for `#F23645`.
---
### SILVER {#SILVER}
**Type:** const Color
Color constant for `#B2B5BE`.
---
### TEAL {#TEAL}
**Type:** const Color
Color constant for `#089981`.
---
### VIOLET {#VIOLET}
**Type:** const Color
Color constant for `#7B1FA2`.
---
### WHITE {#WHITE}
**Type:** const Color
Color constant for `#FFFFFF`.
---
### YELLOW {#YELLOW}
**Type:** const Color
Color constant for `#FDD835`.
## Methods
### alpha {#alpha}
```navi
Color.alpha(self: Color): float
```
Returns the transparency component of the given `color`.
**Parameters**
| Name | Type | Default | Description |
| --- | --- | --- | --- |
| `self` | Color | | |
**Returns:** float — A value in the range [0, 100] where 0 is fully opaque and 100 is fully transparent.
---
### blue {#blue}
```navi
Color.blue(self: Color): float
```
Returns the blue component of the given `color`.
**Parameters**
| Name | Type | Default | Description |
| --- | --- | --- | --- |
| `self` | Color | | |
**Returns:** float — A value in the range [0, 255].
---
### green {#green}
```navi
Color.green(self: Color): float
```
Returns the green component of the given `color`.
**Parameters**
| Name | Type | Default | Description |
| --- | --- | --- | --- |
| `self` | Color | | |
**Returns:** float — A value in the range [0, 255].
---
### red {#red}
```navi
Color.red(self: Color): float
```
Returns the red component of the given `color`.
**Parameters**
| Name | Type | Default | Description |
| --- | --- | --- | --- |
| `self` | Color | | |
**Returns:** float — A value in the range [0, 255].