简介
more-colors 是一个基于 node.js 和 npm 的包,提供了一系列颜色相关的工具函数,能够快速的生成不同种类的颜色、颜色调和、颜色互补等。
安装
npm install more-colors --save
使用
导入 more-colors
const colors = require('more-colors');
生成随机颜色
const randomColor = colors.random();
生成一个随机的 RGB 颜色 rgb(127, 255, 212)。
生成不同格式的颜色
const hexColor = colors.hex(255, 255, 255); const rgbColor = colors.rgb('#FF1493'); const hslColor = colors.hsl('rgb(0, 191, 255)');
hex() 生成一个 HEX 格式的颜色,rgb() 生成一个 RGB 格式的颜色,而 hsl() 生成一个 HSL 格式的颜色。
生成颜色的互补色
const complementColor = colors.complement('#FF8C00');
生成 #007FFF 颜色的互补色。
生成颜色的分隔调和色
const splitComplementColors = colors.splitComplement('#8A2BE2');
生成 #FFAA00 和 #00EEAA 的分隔调和色。
生成一个颜色方案
const colorScheme = colors.scheme('#F08080', 'analogous');
生成一个包含 5 种颜色的类比色方案。
综合示例
生成不同格式的随机颜色
-- -------------------- ---- ------- ----- ----- - ---------------- ----- -------- - ------------------ ----- -------- - ------------------ ----- -------- - ------------------ -------------------- ------- ---------------- ------- ---------- ---------------- ------- ---------- ---------------- ------- ----------
关于 npm 包 more-colors 的使用教程到此结束,希望对前端开发人员有所帮助!
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60055a2b81e8991b448d7cce