调色板生成器

由一个基准色生成一组配色，或使用带种子的随机配色。明度渐变、暗度渐变基于 HSL 的 L 值线性分档，随机和谐按黄金角偏移色相；结果以色块网格与 CSS 变量片段呈现，可一键复制，全部在浏览器本地完成。

配色参数等待输入

模式

基准色

#3b82f6

数量（5–10）

派生方式

随机种子

「随机」模式下由种子决定结果，相同种子可复现同一组颜色；「基准色派生」模式使用基准色与派生方式，随机种子不参与计算。

调色板结果

颜色数—

基准色—

模式—

选择模式与参数，点击「生成调色板」，颜色与 CSS 变量将显示在这里。

点击色块可复制该颜色的 HEX；「复制全部」复制生成的 CSS 变量片段。

生成规则

HEX 与 HSL 互转采用标准公式：色相 0–360，饱和度与明度 0–100。
明度渐变（tints）：固定色相与饱和度，明度从基准色 L 线性递增，最高接近 95。
暗度渐变（shades）：固定色相与饱和度，明度从基准色 L 线性递减，最低接近 8。
随机和谐：以基准色色相为起点，按 137.508°（黄金角）依次偏移生成色相。
随机模式使用 mulberry32 伪随机算法，种子相同则结果相同，可复现。
数量范围为 5–10，派生模式生成的结果包含基准色本身。