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

# GrayscaleColor

> - [`ProcessColor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ProcessColor.md#abstract-processcolor)

## Classes

### GrayscaleColor

#### Extends

#### Constructors

##### Constructor

```ts
new GrayscaleColor(
   value, 
   alpha, 
   profile?): GrayscaleColor;
```

###### Parameters

| Parameter | Type | Default value |
| ------ | ------ | ------ |
| `value` | `number` | `undefined` |
| `alpha` | `number` | `undefined` |
| `profile` | `string` | `null` |

###### Returns

[`GrayscaleColor`](#grayscalecolor)

###### Overrides

[`ProcessColor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ProcessColor.md#abstract-processcolor).[`constructor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ProcessColor.md#constructor)

#### Accessors

##### alpha

###### Get Signature

```ts
get alpha(): number;
```

###### Returns

`number`

###### Inherited from

[`ProcessColor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ProcessColor.md#abstract-processcolor).[`alpha`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ProcessColor.md#alpha)

##### colorSpace

###### Get Signature

```ts
get colorSpace(): ColorSpace;
```

###### Returns

[`ColorSpace`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ColorSpace.md#colorspace)

###### Inherited from

[`ProcessColor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ProcessColor.md#abstract-processcolor).[`colorSpace`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ProcessColor.md#colorspace)

##### isTransparent

###### Get Signature

```ts
get isTransparent(): boolean;
```

###### Returns

`boolean`

###### Inherited from

[`ProcessColor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ProcessColor.md#abstract-processcolor).[`isTransparent`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ProcessColor.md#istransparent)

##### l

###### Get Signature

```ts
get l(): number;
```

###### Returns

`number`

##### profile

###### Get Signature

```ts
get profile(): string;
```

###### Returns

`string`

###### Inherited from

[`ProcessColor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ProcessColor.md#abstract-processcolor).[`profile`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ProcessColor.md#profile)

#### Methods

##### clone()

```ts
clone(): GrayscaleColor;
```

###### Returns

[`GrayscaleColor`](#grayscalecolor)

###### Overrides

[`ProcessColor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ProcessColor.md#abstract-processcolor).[`clone`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ProcessColor.md#clone)

##### equals()

```ts
equals(other): boolean;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `other` | [`Color`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Color.md#abstract-color) |

###### Returns

`boolean`

###### Overrides

[`ProcessColor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ProcessColor.md#abstract-processcolor).[`equals`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ProcessColor.md#equals)

##### getData()

```ts
getData(): IGrayscaleColor;
```

###### Returns

[`IGrayscaleColor`](#igrayscalecolor)

###### Overrides

[`ProcessColor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ProcessColor.md#abstract-processcolor).[`getData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ProcessColor.md#getdata)

##### toString()

```ts
toString(): string;
```

Returns a string representation of an object.

###### Returns

`string`

##### equals()

```ts
static equals(a, b): boolean;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `a` | [`Color`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Color.md#abstract-color) |
| `b` | [`Color`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Color.md#abstract-color) |

###### Returns

`boolean`

###### Inherited from

[`ProcessColor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ProcessColor.md#abstract-processcolor).[`equals`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ProcessColor.md#equals-1)

## Interfaces

### IGrayscaleColor

#### Extends

- [`IProcessColor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ProcessColor.md#iprocesscolor)

#### Properties

##### alpha

```ts
alpha: number;
```

###### Inherited from

[`IProcessColor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ProcessColor.md#iprocesscolor).[`alpha`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ProcessColor.md#alpha-1)

##### colorSpace

```ts
colorSpace: ColorSpace;
```

###### Inherited from

[`IProcessColor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ProcessColor.md#iprocesscolor).[`colorSpace`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ProcessColor.md#colorspace-1)

##### l

```ts
l: number;
```

##### profile

```ts
profile: string;
```

###### Inherited from

[`IProcessColor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ProcessColor.md#iprocesscolor).[`profile`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ProcessColor.md#profile-1)