This is documentation for the next version of Grafana. For the latest stable release, go to the latest version.

API Reference@grafana/datalighten

colorManipulator.lighten() function

This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.

colorManipulator.lighten() function

Lightens a color.


export declare function lighten(color: string, coefficient: number): string;


import { colorManipulator } from '@grafana/data';
const { lighten } = colorManipulator;


Parameter Type Description
color string CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()
coefficient number multiplier in the range 0 - 1



A CSS color string. Hex input values are returned as rgb