# ColourPickerColour

Canonical page: https://www.adaptabletools.com/docs/reference/colourpickercolour

A colour the Colour Picker can offer. `value` is what gets stored

```ts title="TypeScript"
export interface ColourPickerColour 
```

## Properties

| Property | Type | Description |
| --- | --- | --- |
| [hex](https://www.adaptabletools.com/docs/reference/colourpickercolour.md#hex) | `string` | The colour as the active theme paints it |
| [label](https://www.adaptabletools.com/docs/reference/colourpickercolour.md#label) | `string` | The name shown for the colour, e.g. "Success" or "Palette 3". |
| [value](https://www.adaptabletools.com/docs/reference/colourpickercolour.md#value) | `string` | The CSS value that gets stored, e.g. `var(--ab-color-success)`. |

## Property Details

### hex

The colour as the active theme paints it

```ts title="TypeScript"
hex?: string;
```

###### Property Value

`string`

### label

The name shown for the colour, e.g. "Success" or "Palette 3".

```ts title="TypeScript"
label: string;
```

###### Property Value

`string`

### value

The CSS value that gets stored, e.g. `var(--ab-color-success)`.

```ts title="TypeScript"
value: string;
```

###### Property Value

`string`