---
title: "ColorConverter | Customer's Canvas On-Premises"
canonical: "https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/ColorConverter/"
---

# ColorConverter

> [`ColorConverter`](#colorconverter)

## Classes

### ColorConverter

#### Constructors

##### Constructor

```ts
new ColorConverter(colorPalette, colorParser): ColorConverter;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `colorPalette` | [`IColorPalette`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/IColorPalette.md#icolorpalette) |
| `colorParser` | [`IColorParser`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/IColorParser.md#icolorparser) |

###### Returns

#### Methods

##### containsColor()

```ts
containsColor(color): boolean;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `color` | `Color` |

###### Returns

`boolean`

##### containsColorWithIndex()

```ts
containsColorWithIndex(index): boolean;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `index` | `any` |

###### Returns

`boolean`

##### getColorIndex()

```ts
getColorIndex(color): number;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `color` | `Color` |

###### Returns

`number`

##### parse()

```ts
parse(color): IColorData;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `color` | `string` |

###### Returns

[`IColorData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/IColorData.md#icolordata)

##### serialize()

```ts
serialize(color): number;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `color` | [`IColorData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/IColorData.md#icolordata) |

###### Returns

`number`