Color 颜色
x-color颜色模块，可以单独安装使用。
📦 安装
-
使用 npm 安装
npm install @xutil/color -S
-
HTML直接引入
<!DOCTYPE html> <html lang="en"> <body> <script src="/dist/index-umd.js"></script> <script> console.log(XColor.colorHex('rgb(0,0,0)')) </script> </body> </html>
🎨 使用
-
ESM导入使用
// 全部引入 import { colorHex } from "@xutil/color" console.log(colorHex('rgb(0,0,0)')) // 按需引入 import XColor from "@xutil/color" console.log(XColor.colorHex('rgb(0,0,0)'))
-
RequireJS导入使用
// 全部引入 const XColor = require('@xutil/color') console.log(XColor.colorHex('rgb(0,0,0)')) // 按需引入 const { colorHex } = require('@xutil/color') console.log(colorHex('rgb(0,0,0)'))
方法
hexToRgba 十六进制颜色转rgba
colorHex rgb转hex
colorToRgb hex转rgb
colorRgbArray 将hex表示方式转换为rgb表示方式(这里返回rgb数组模式)
gradientColor 两颜色之间划分等份