API Reference@grafana/datacolorManipulator

colorManipulator namespace

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 namespace


import { colorManipulator } from '@grafana/data';


alpha(color, value)(BETA) Set the absolute transparency of a color. Any existing alpha values are overwritten.
asHexString(color)Converts a color to hex6 format if there is no alpha, hex8 if there is.
asRgbString(color)Converts a color to rgb string
darken(color, coefficient)(BETA) Darkens a color.
decomposeColor(color)(BETA) Returns an object with the type and values of a color.Note: Does not support rgb % values.
emphasize(color, coefficient)(BETA) Darken or lighten a color, depending on its luminance. Light colors are darkened, dark colors are lightened.
getContrastRatio(foreground, background, canvas)(BETA) Calculates the contrast ratio between two colors.Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
getLuminance(color, background)(BETA) The relative brightness of any point in a color space, normalized to 0 for darkest black and 1 for lightest white.Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
hexToRgb(color)(BETA) Converts a color from CSS hex format to CSS rgb format.
hslToRgb(color)(BETA) Converts a color from hsl format to rgb format.
lighten(color, coefficient)(BETA) Lightens a color.
recomposeColor(color)(BETA) Converts a color object with type and values to a string.
rgbToHex(color)(BETA) Converts a color from CSS rgb format to CSS hex format.