探索神秘的色彩魔力：Poline 魔法调色库

探索神秘的色彩魔力：Poline 魔法调色库

在追寻独特与非凡视觉体验的道路上，我们发现了一种名为 Poline 的奇妙工具——一个源自极坐标体系的神秘颜色方案生成器。它的设计理念，源于对早期20世纪神秘知识的探究，挑战了传统色彩科学的界限。Poline 是每个创意魔法师不可或缺的秘密武器，为你的设计作品注入超凡的色彩魅力。

点燃魔法的火花

启动 Poline，只需轻轻一声召唤，即可生成由两随机锚点产生的迷离配色。若想亲自定制，你可以提供一组 HSL 值作为锚点，让每一种颜色都承载你独特的创作意图。以下是一段简单的使用示例：

new Poline({
  anchorColors: [
    [309, 0.72, 0.80],
    [67, 0.32, 0.08],
  ],
});

锚点与线条的魔法

Poline 的魔力在于它以线条连接锚点的方式创造色彩。通过调整 numPoints 属性，你可以控制色彩的丰富度，每个连接都会带来一个新的颜色。默认值是4，但你可以根据需要自由增减。

new Poline({
  numPoints: 6,
});

定制你的魔法阵

锚点是 Poline 的核心。你可以自由选择或修改锚点的 HSL 值，甚至在初始化后使用 addAnchorPoint 方法添加新的锚点。如果你想要微调已有锚点，可以使用 updateAnchorPoint 方法，赋予你的调色盘无限可能。

引导光线的艺术

位置函数决定了颜色在锚点之间的分布方式。Poline 提供了一系列预设的位置函数，包括线性、指数、二次、三次等。这些函数帮助你在色彩的海洋中画出独特的弧线，构建丰富多彩的配色。

import { Poline, positionFunctions } from 'poline';
new Poline({
  positionFunction: positionFunctions.linearPosition,
});

形态转换的力量

通过为 X、Y 和 Z 轴设置不同的位置函数，你可以创造出各种各样的颜色弧线，进一步丰富你的配色方案。例如：

new Poline({
  positionFunctionX: positionFunctions.sinusoidalPosition,
  positionFunctionY: positionFunctions.quadraticPosition,
  positionFunctionZ: positionFunctions.linearPosition,
});

调色板的闭合循环

你可以决定调色板是否形成闭合循环。设置 closedLoop 为 true 或 false 可以轻松实现。

色彩的周期之旅

Poline 还支持色调偏移功能，允许你按照特定数值调整所有颜色的色调。这在动态改变配色或创建相似但色调不同的调色盘时非常有用。

poline.shiftHue(1);

与色彩的亲密接触

通过 getClosestAnchorPoint 方法，你可找出最接近某个位置或颜色的锚点，从而实现更精确的颜色选择。

获取并管理颜色

Poline 实例提供了获取所有颜色的 HSL 数组和 CSS 字符串形式，以及删除锚点的方法，让你能自如地处理配色列表。

魔法的开放性

Poline 默认仅支持 HSL 色彩模型，但借助第三方库如 culori，你可以轻松扩展到其他色彩模型。

开源与许可

Poline 是一款 MIT 许可的开源项目，可在 GitHub 上找到完整代码，并欢迎贡献你的想法和改进。让我们一起探索色彩世界的无尽可能！

npm install poline

或直接使用 unpkg CDN：

import { Poline } from 'https://unpkg.com/poline?module'

如今，轮到你掌握这份色彩的魔力，用 Poline 打造属于自己的奇幻世界！