多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
# 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) ```