Theme
/ API Reference / Color Manipulation
Theme
/ API Reference / Color Manipulation

desaturate

A small utility function that decreases the saturation of a CSS color value by a relative amount.
It uses the hsl color model to do so.

The Gist

import { desaturate } from '@weser/theme'

const lessSaturated = desaturate('red', 0.2)
const desaturatedVariable = desaturate('var(--background)', 0.5)

Parameters

ParameterTypeDescription
valuestringThe CSS color value to decrease the saturation.
amount0-1The relative amount to decrease the saturation.

Returns

(string) A string that references a CSS color value with the saturation decreased.

On this page