Name Last Update
..
lib Loading commit data...
CHANGELOG.md Loading commit data...
LICENSE.md Loading commit data...
README.md Loading commit data...
index.bundle.js Loading commit data...
index.js Loading commit data...
package.json Loading commit data...

Convert Colors Convert Colors

NPM Version Linux Build Status Windows Build Status

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)