@thednp/color
TypeScript icon, indicating that this package has built-in type declarations

1.0.8 • Public • Published

Color

Coverage Status ci NPM Version NPM Downloads jsDeliver typescript version eslint version prettier version cypress version vite version

A TypeScript flavored fork of the excelent TinyColor optimized for ColorPicker with new features and improvements:

  • added support for HWB(a) colors (Hue, Whiteness, Blackness);
  • added support for CSS4 Color module (rgb(40 74 200 / 90%), hsl(227deg 67% 47% / 90%))
  • improved regular expressions;
  • tree shaking;
  • slightly faster performance;
  • stronger and more strict types.

Install

npm install @thednp/color

Quick Usage

import Color from "@thednp/color";

// provide a web colour, the constructor will determine
const myHEXColor = new Color("red", "hex").toString();
// => { r: 250, g: 0, b: 0, a: 1, ok: true, originalInput: 'red', ...}

// use the value where you need it
Object.assign(myElement.style, { color: myHEXColor.toString() });
// => #ff0000

Wiki

For a more detailed guide please visit the wiki page at Color Wiki!

Thanks

  • Brian Grinstead for his original TinyColor
  • Scott Cooper for his awesome version of TinyColor

License

Color is released under the MIT License

Package Sidebar

Install

npm i @thednp/color

Weekly Downloads

76

Version

1.0.8

License

MIT

Unpacked Size

389 kB

Total Files

73

Last publish

Collaborators

  • thednp