介绍
palette-node-7-plus 是一个能够帮助前端设计师和开发者快速生成配色方案的 npm 包。它基于 ColorBrewer 和 color-scheme-generator 这两个知名配色工具库，提供了更加方便快捷、易于定制化的配色方案生成。
安装
在项目中通过 npm 安装：
npm install palette-node-7-plus
使用
使用 palette-node-7-plus 只需调用 generatePalette() 方法并传入相应参数即可生成配色方案。以下是详细的使用说明。
生成原色配色方案
-- -------------------- ---- ------- ----- ---------------- - ------------------------------- ----- ------- - --- ------------------- ----- ------ - ------------------------- ---------- --------- ------ ---------- ------------ - ---------- -------------------- -- ----------- ---------- ---------- ---------- ----------展开代码
上述代码中，我们创建了一个 PaletteNode7Plus 实例，并调用 generatePalette() 方法生成了一个包含 5 种颜色的配色方案。其中，colorMode 参数值为 'single' 表示生成单色系配色方案，而 color 参数值为 #347BA8 表示指定原色。
生成双色渐变配色方案
-- -------------------- ---- ------- ----- ---------------- - ------------------------------- ----- ------- - --- ------------------- ----- ------ - ------------------------- ---------- ----------- ------- ---------- ------- ---------- ------------ - ---------- -------------------- -- ----------- ---------- ---------- ---------- ----------展开代码
上述代码中，我们调用 generatePalette() 方法生成了一个包含 5 种颜色的双色渐变配色方案。其中，colorMode 参数值为 'gradient' 表示生成渐变配色方案，而 color1 和 color2 参数值分别为 #347BA8 和 #AADEA7 表示指定渐变起始色和结束色。
生成多色配色方案
-- -------------------- ---- ------- ----- ---------------- - ------------------------------- ----- ------- - --- ------------------- ----- ------ - ------------------------- ---------- ----------- ------- ----------- ---------- ---------- ---------- ----------- ------------ - ---------- -------------------- -- ----------- ---------- ---------- ---------- ----------展开代码
上述代码中，我们调用 generatePalette() 方法生成了一个包含 5 种颜色的多色配色方案。其中，colorMode 参数值为 'multiple' 表示生成多色配色方案，而 colors 参数值为所要生成的多色数组。
配置参数
除了上述必选参数外，还可进行一些可选参数的配置：
colorMode生成方案的配色模式，可选值包括single、gradient和multiple，默认为'single'；color(单色模式) 或color1(渐变模式) 和color2(渐变模式) 生成方案的颜色，当colorMode为'single'时，该参数生效，否则该参数无效；colors(多色模式) 生成方案所需的颜色数组，当colorMode为'multiple'时，该参数生效，否则该参数无效；numOfColors生成方案的颜色数量，默认为 7。
结语
使用 palette-node-7-plus，你可以轻松地生成符合自己需求的配色方案，让你的网站或应用更加精美和吸引人。相信你已经对它的使用有了一定的了解，赶快去尝试一下吧！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005527581e8991b448cff3a
