Skip to content
/ color Public

🎨 Fast color conversion tool made in TypeScript

License

Notifications You must be signed in to change notification settings

thednp/color

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

74 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Color

Coverage Status ci NPM Version NPM Downloads jsDeliver typescript version vitest 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

About

🎨 Fast color conversion tool made in TypeScript

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published