什么是 palette-js？
palette-js 是一个 JavaScript 库，旨在实现高效的色彩管理功能。这个库可以让你快速的生成配色方案并且调整颜色参数，将你的作品变得更加有吸引力。它有多种调色板生成算法，包括三角形方案（Triad Scheme），相邻方案（Adjacent Scheme），以及**类比方案（Analogous Scheme）**等等。
安装
你可以通过 npm 安装该库，输入以下命令即可：
npm install palette-js
使用
加载
如果你使用的是浏览器，则可以通过以下方式加载该库：
<script src="paletteJS.min.js"></script>
或者，如果你使用的是 node.js，则可以像下面这样加载：
var paletteJS = require('palette-js');示例代码
以下是使用 palette-js 的示例代码：
-- -------------------- ---- ------- --- ------ - --- ------------ -- -------- --------------------------- -- ------------ --- ----------- - ------------------------ --- -------------- - --------------------------- --- --------------- - ---------------------------- --- ------------------- - -------------------------------- --- -------------- - --------------------------- -- ---------- ------------------------- ---------------------------- ----------------------------- --------------------------------- ----------------------------
API
该库提供了多种 API 可以供你使用，下面是详细的使用说明以及示例代码：
setColor(hex)
用于设置一个颜色，需要指定一个 16 进制颜色值，如 #FFCE00。
var colors = new paletteJS();
colors.setColor('#FFCE00');getTriadScheme()
获得**三角形方案（Triad Scheme）**的调色板方案，返回一个数组，长度为 3。
var triadScheme = colors.getTriadScheme();
getAdjacentScheme()
获得**相邻方案（Adjacent Scheme）**的调色板方案，返回一个数组，长度为 5。
var adjacentScheme = colors.getAdjacentScheme();
getAnalogousScheme()
获得**类比方案（Analogous Scheme）**的调色板方案，返回一个数组，长度为 5。
var analogousScheme = colors.getAnalogousScheme();
getMonochromaticScheme()
获得**单色方案（Monochromatic Scheme）**的调色板方案，返回一个数组，长度为 5。
var monochromaticScheme = colors.getMonochromaticScheme();
getCompoundScheme()
获得**复合方案（Compound Scheme）**的调色板方案，返回一个数组，长度为 6。
var compoundScheme = colors.getCompoundScheme();
结论
通过学习本文，我们可以看到，使用 palette-js 可以帮助我们快速的生成各种配色方案，以提高设计者的效率并创造更具吸引力的设计作品。同时，这个库提供简单易用的 API，使得使用者可以更加灵活的调整颜色参数。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055efc81e8991b448dc9df