# color
JavaScript庫,用于不可變的顏色轉換和對CSS顏色字符串的支持。
## 安裝
`npm?install?color`
## 示例API****
```js
var?color?=?Color('###7743CE').alpha(0.5).lighten(0.5);
console.log(color.hsl().string());??//?'hsla(262,?59%,?81%,?0.5)'
console.log(color.cmyk().round().array());??//?\[?16,?25,?0,?8,?0.5?\]
console.log(color.ansi256().object());??//?{?ansi256:?183,?alpha:?0.5?}
// 獲取顏色值的哈希。反映顏色的當前模型
color.object(); //?{r:?255,?g:?255,?b:?255}
// 使用獲取一個值數組`array()`。反映顏色的當前模型
color.rgb().array() //?[255,?255,?255]
// 獲取rgb值
color.rgbNumber()//?16777215?(0xffffff)
// 獲取十六進制值
color.hex()//?#ffffff
// 獲取單個通道的值
color.red()//?255
// 顏色的WCAG光度。0是黑色,1是白色。
color.luminosity();//?0.412
// WCAG對比度為另一種顏色,從1(同色)到21(對比度的B / W白色和黑色
color.contrast(Color("blue"))
// 獲取顏色是“淺色”還是“深色”,用于確定文本顏色
color.isLight(); // true
color.isDark(); // false
// 取反
color.negate()?????????//?rgb(0,?100,?255)?->?rgb(255,?155,?0)
// 減輕
color.lighten(0.5)?????//?hsl(100,?50%,?50%)?->?hsl(100,?50%,?75%)
color.lighten(0.5)?????//?hsl(100,?50%,?0)???->?hsl(100,?50%,?0)
// 變暗
color.darken(0.5)??????//?hsl(100,?50%,?50%)?->?hsl(100,?50%,?25%)
color.darken(0.5)??????//?hsl(100,?50%,?0)???->?hsl(100,?50%,?0)
// 亮度
color.lightness(50)????//?hsl(100,?50%,?10%)?->?hsl(100,?50%,?50%)
// 飽和
color.saturate(0.5)????//?hsl(100,?50%,?50%)?->?hsl(100,?75%,?50%)
// 去色
color.desaturate(0.5)??//?hsl(100,?50%,?50%)?->?hsl(100,?25%,?50%
// 灰度
color.grayscale()??????//?#5CBF54?->?#969696
// 泛白
color.whiten(0.5)??????//?hwb(100,?50%,?50%)?->?hwb(100,?75%,?50%)
// 變黑
color.blacken(0.5)?????//?hwb(100,?50%,?50%)?->?hwb(100,?50%,?75%)
// 褪色
color.fade(0.5)????? //?rgba(10,?10,?10,?0.8)?->?rgba(10,?10,?10,?0.4)
// 不透明劑
color.opaquer(0.5)?????//?rgba(10,?10,?10,?0.8)?->?rgba(10,?10,?10,?1.0)
// 旋轉
color.rotate(180)??????//?hsl(60,?20%,?20%)?->?hsl(240,?20%,?20%)
color.rotate(-90)??????//?hsl(60,?20%,?20%)?->?hsl(330,?20%,?20%)
// 混合
color.mix(Color("yellow"))????????//?cyan?->?rgb(128,?255,?128)
color.mix(Color("yellow"),?0.3)???//?cyan?->?rgb(77,?255,?179)
//?鏈接
color.green(100).grayscale().lighten(0.6)
```