hw-react-1/node_modules/@csstools/convert-colors

Convert Colors

Convert Colors converts colors between RGB, HSL, HWB, Lab, LCH, HSV, and XYZ.

import convert from '@csstools/convert-colors';

convert.rgb2hsl(100, 100, 100); // [ 0, 0, 100 ]
convert.rgb2hwb(100, 100, 100); // [ 0, 100, 0 ]

convert.hsl2rgb(0, 0, 100); // [ 0, 100, 0 ]
convert.hsl2hwb(0, 0, 100); // [ 0, 100, 0 ]

convert.hwb2rgb(0, 100, 0); // [ 0, 0, 100 ]
convert.hwb2hsl(0, 100, 0); // [ 0, 0, 100 ]

convert.rgb2hue(0, 0, 100); // 240

Usage

Add Convert Colors to your build tool:

npm install @csstools/convert-colors --save-dev

Features

Conversions work by taking arguments that represents a color in one color space and returning an array of that same color in another color space.

• rgb2hsl(r, g, b)
• rgb2hwb(r, g, b)
• rgb2lab(r, g, b)
• rgb2lch(r, g, b)
• rgb2hsv(r, g, b)
• rgb2xyz(r, g, b)
• hsl2rgb(h, s, l)
• hsl2hwb(h, s, l)
• hsl2lab(h, s, l)
• hsl2lch(h, s, l)
• hsl2hsv(h, s, l)
• hsl2xyz(h, s, l)
• hwb2rgb(h, w, b)
• hwb2hsl(h, w, b)
• hwb2lab(h, w, b)
• hwb2lch(h, w, b)
• hwb2hsv(h, w, b)
• hwb2xyz(h, w, b)
• lab2rgb(l, a, b)
• lab2hsl(l, a, b)
• lab2hwb(l, a, b)
• lab2lch(l, a, b)
• lab2hsv(l, a, b)
• lab2xyz(l, a, b)
• lch2rgb(l, c, h)
• lch2hsl(l, c, h)
• lch2hwb(l, c, h)
• lch2lab(l, c, h)
• lch2hsv(l, c, h)
• lch2xyz(l, c, h)
• hsv2rgb(h, s, v)
• hsv2hsl(h, s, v)
• hsv2hwb(h, s, v)
• hsv2lab(h, s, v)
• hsv2lch(h, s, v)
• hsv2xyz(h, s, v)
• xyz2rgb(x, y, z)
• xyz2hsl(x, y, z)
• xyz2hwb(x, y, z)
• xyz2lab(x, y, z)
• xyz2lch(x, y, z)
• xyz2hsv(x, y, z)