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

API Reference@grafana/datadecomposeColor

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

Returns an object with the type and values of a color.

Note: Does not support rgb % values.


export declare function decomposeColor(color: string | DecomposeColor): DecomposeColor;


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


Parameter Type Description
color string | DecomposeColor CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()



{object} - A MUI color object: {type: string, values: number[]}