npm 包 more-colors 使用教程

阅读时长 2 分钟读完

简介

more-colors 是一个基于 node.js 和 npm 的包,提供了一系列颜色相关的工具函数,能够快速的生成不同种类的颜色、颜色调和、颜色互补等。

安装

npm install more-colors --save

使用

导入 more-colors

生成随机颜色

生成一个随机的 RGB 颜色 rgb(127, 255, 212)。

生成不同格式的颜色

hex() 生成一个 HEX 格式的颜色,rgb() 生成一个 RGB 格式的颜色,而 hsl() 生成一个 HSL 格式的颜色。

生成颜色的互补色

生成 #007FFF 颜色的互补色。

生成颜色的分隔调和色

生成 #FFAA00 和 #00EEAA 的分隔调和色。

生成一个颜色方案

生成一个包含 5 种颜色的类比色方案。

综合示例

生成不同格式的随机颜色

-- -------------------- ---- -------
----- ----- - ----------------
----- -------- - ------------------
----- -------- - ------------------
----- -------- - ------------------

-------------------- -------
---------------- ------- ----------
---------------- ------- ----------
---------------- ------- ----------

关于 npm 包 more-colors 的使用教程到此结束,希望对前端开发人员有所帮助!

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60055a2b81e8991b448d7cce

纠错
反馈