API Reference@grafana/dataemphasize

colorManipulator.emphasize() 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.emphasize() function

Darken or lighten a color, depending on its luminance. Light colors are darkened, dark colors are lightened.


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


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


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



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