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.

Signature

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

Import

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

Parameters

ParameterTypeDescription
colorstringCSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()
coefficientnumber=0.15 - multiplier in the range 0 - 1

Returns:

string

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