---
title: "ColorMode | JavaScript maps SDK"
description: "Documentation for MapTiler SDK"
---

> For AI agents: a documentation index is available at [/llms.txt](https://docs.maptiler.com/llms.txt). Markdown versions of all pages are available by appending .md to any URL.

# Class ColorMode

##### Index

### Constructors[](#constructors)

[constructor](#constructor)

### Properties[](#properties)

[blendColor](#blendcolor) [blendFunction](#blendfunction) [mask](#mask) [alphaBlended](#alphablended) [disabled](#disabled) [Replace](#replace) [unblended](#unblended)

## Constructors[](#constructors-1)

### constructor[](#constructor)

-   new ColorMode(  
        blendFunction: [BlendFuncType](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.BlendFuncType/),  
        blendColor: [Color](https://docs.maptiler.com/sdk-js/api-reference/classes/Color/),  
        mask: [ColorMaskType](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.ColorMaskType/),  
    ): ColorMode[](#constructorcolormode)
    
    #### Parameters
    
    -   blendFunction: [BlendFuncType](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.BlendFuncType/)
    -   blendColor: [Color](https://docs.maptiler.com/sdk-js/api-reference/classes/Color/)
    -   mask: [ColorMaskType](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.ColorMaskType/)
    
    #### Returns ColorMode
    

## Properties[](#properties-1)

### blendColor[](#blendcolor)

blendColor: [Color](https://docs.maptiler.com/sdk-js/api-reference/classes/Color/)

### blendFunction[](#blendfunction)

blendFunction: [BlendFuncType](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.BlendFuncType/)

### mask[](#mask)

mask: [ColorMaskType](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.ColorMaskType/)

### `Static`alphaBlended[](#alphablended)

alphaBlended: [Readonly](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.Readonly/)<ColorMode\>

### `Static`disabled[](#disabled)

disabled: [Readonly](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.Readonly/)<ColorMode\>

### `Static`Replace[](#replace)

Replace: [BlendFuncType](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.BlendFuncType/)

### `Static`unblended[](#unblended)

unblended: [Readonly](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.Readonly/)<ColorMode\>