配色方案生成器

本生成器按设计师的做法来搭配颜色：先选定色相之间的关系（邻近色、互补色、三角配色等）或氛围（马卡龙、大地色、霓虹），再调整明度，让这些颜色能分别胜任背景、文字和强调色。颜色在 OKLCH 空间中生成，该空间里相同的步长看起来差异也相同；所有结果都会被拉回 sRGB 色域内，因此显示效果与所见完全一致。

使用方法

1. 选择颜色数量（3–10）和风格。
2. 可选：输入基准色（方案围绕它生成），以及每行一个的保留颜色。
3. 点击计算得到新方案；结果下方的种子值可让你再次得到同一方案。
4. 选择导出格式并复制代码，或下载 SVG 色条。

计算公式

相对于基准色相 h₀ 的色相偏移：邻近色 h₀ ± k·Δ（Δ ≈ 22–36°）；互补色 h₀ 与 h₀ + 180°；三角配色 + 120°/240°；分裂互补 + 150°/210°；四角配色 + 90°/180°/270°；马卡龙与霓虹按黄金角 137.5° 递进。明度在 OKLCH 中从 0.3 分布到 0.9。

带种子的 mulberry32 随机数发生器会加入小幅随机偏移。若某个 OKLCH 颜色超出 sRGB，则保持色相和明度不变，用二分法降低色度直到进入色域。

示例

保留 #264653、#2A9D8F 和 #E9C46A 并要求 3 种颜色，得到的正是这三种；同样的保留色要求 5 种，则会围绕 #264653 按所选风格再生成两种颜色。红、青柠、蓝三色的 JSON 导出结果是 ["#ff0000","#00ff00","#0000ff"]。