Color2
A stateful implementation of harthur/color.
- Immutable.
- Additional color spaces.
- Standalone manipulations.
- Standalone metrics.
- Enhanced parsing.
- Optimized performance.
- Normalized API.
Usage
npm install color2
var Color = ; var color = "#7743CE";color;color; // "hsla(262, 59%, 81%, 0.5)"
API
Setters
//Initialvar color = ;var color = ;var color = Color; //Per-spacevar color = ;var color = ;var color = ;var color = ;var color = ; //Per-channelcolor;color;color; //Typedcolor;color;color;color; //Universal settercolor;
Getters
//Per-spacecolor; // {r: 10, g:20, b:30}color; // [10, 20, 30]color; // rgba(10, 20, 30, .6) //Per-channelcolor; // 0.5color; // 10 //Special formatscolor; //#AABBCCcolor; //rgb(10%, 20%, 100%);color; //red //Typedcolor; //hwb(10, 20%, 30%, 0.6)color; //[10, 20, 30]color; //{h:10, s:20, l:30}color; //0xAABBCC
Manipulations
color; // rgb(0, 100, 255) → rgb(255, 155, 0) color; // hsl(100, 50%, 50%) → hsl(100, 50%, 75%)color; // hsl(100, 50%, 50%) → hsl(100, 50%, 25%) color; // hsl(100, 50%, 50%) → hsl(100, 75%, 50%)color; // hsl(100, 50%, 50%) → hsl(100, 25%, 50%)color; // #5CBF54 → #969696 color; // hwb(100, 50%, 50%) → hwb(100, 75%, 50%)color; // hwb(100, 50%, 50%) → hwb(100, 50%, 75%) color; // rgba(10, 10, 10, 0.8) → rgba(10, 10, 10, 0.4)color; // rgba(10, 10, 10, 0.8) → rgba(10, 10, 10, 1.0) color; // hsl(60, 20%, 20%) → hsl(240, 20%, 20%)color; // hsl(60, 20%, 20%) → hsl(330, 20%, 20%) color; // cyan → rgb(128, 255, 128)color; // cyan → rgb(77, 255, 179) // chainingcolor
Utils
//JSON-like APIColor;Color; //rgba(10, 20, 30, 0.8) //Technical methodscolor;color; //[10, 20, 30] color; //rgbcolor; color; //20color; //Clonecolor;
Contribute
The goal of the project is to provide fast and extensible color class with intuitive API. Please make sure your issue does not belong to a subpackage:
and then contribute.