UNPKG

@csstools/convert-colors

Version:

Convert colors between RGB, HEX, HSL, HWB, LAB, LCH, and more

44 lines (27 loc) 1.3 kB
# Convert Colors [<img src="https://cdn.worldvectorlogo.com/logos/nodejs-icon.svg" alt="Convert Colors" width="90" height="90" align="right">][Convert Colors] [![NPM Version][npm-img]][npm-url] [Convert Colors] converts colors between RGB, HEX, HSL, HWB, LAB, LCH, and more. ```js 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 convert.rgb2contrast([100, 100, 100], [0, 0, 0]); // 21 convert.rgb2ciede2000([100, 100, 100], [0, 0, 0]); // 100 ``` ## Usage Add [Convert Colors] to your build tool: ```bash 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. [Documentation](https://csstools.github.io/convert-colors/) [npm-url]: https://www.npmjs.com/package/@csstools/convert-colors [npm-img]: https://img.shields.io/npm/v/@csstools/convert-colors.svg [Convert Colors]: https://github.com/csstools/convert-colors