README.md 2.2 KB

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)