● 在线
Poline

基于极坐标的颜色调色板生成库,通过锚点连线生成和谐配色,支持自定义位置函数和HSL颜色模型。

产品介绍

核心概念 锚点(Anchors):至少2个HSL颜色点,连线生成中间色 极线(Polar Line):锚点间连线决定调色板颜色分布 位置函数:控制颜色过渡曲线,如线性、正弦(默认)、指数等 功能特性 自定义参数: 点数(numPoints):控制颜色数量,默认4点 闭合循环(closedLoop):生成首尾相接的调色板 亮度反转(Invert Lightness):中心与边缘亮度互换 颜色输出: HSL数组、CSS字符串(HSL/LCH/OKLCH格式) 技术实现 TypeScript编写,轻量级库 支持动态调整锚点、位置函数和色相偏移

适用人群

适合快速构建精美界面的 UI 设计师。

核心功能

  • 现成的 UI 组件
  • Figma/Sketch/XD 格式
  • 响应式布局
  • 可自定义设计令牌

优点

  • +调色板生成
  • +导出到 CSS/设计工具

缺点

  • -仅限颜色生成
  • -可能需要学习曲线

/// 规格参数

  • 价格:
    Free
/// 相似工具