选择基础颜色，获得完整的调色板：互补、类似、三色、四色或单色。可将任意色块复制为 HEX、RGB 或 HSL。不离开你的浏览器。
配色方案生成器从你选择的单一基础颜色构建完整的色彩调色板：互补色（色相轮上的对面色）、类似色（相邻色相）、三色（三个均匀间隔）、四色（两对互补色对中的四种色相）和单色（相同色相的不同明度和饱和度）。所有调色板逻辑在浏览器中运行；你输入的内容不离开你的设备。
每个生成的调色板显示带有 HEX 和 RGB 值的样本，可随时复制。这为设计师提供了基于色彩理论而非猜测的起点。由于生成器在初始页面加载后可以离线使用，你可以在客户会议期间自由试验品牌颜色，无需网络连接。无论你手头是 HEX、RGB 还是 HSL 记法，都可以直接输入基础颜色；每个生成的样本都会同时以这三种记法返回，方便你复制设计工具所需要的那一种。
互补色是 HSL 色轮上与基础颜色直接相对的色相，相差 180 度。将互补色放在一起创造最大对比度。工具显示基础颜色及其互补色，以及每种颜色的较浅和较深变体。
三色调色板使用色轮上均匀间隔 120 度的三种色相。四色调色板使用间隔 90 度的四种色相，形成两对互补色（也称为双互补或方形调色板）。四色调色板更复杂，需要仔细平衡比例以避免视觉噪声。
不会。调色板生成是对基础颜色 HSL 表示的算术运算：按固定量旋转色相角度，移动明度和饱和度。每次计算都在浏览器本地运行；没有任何内容发送到任何服务器。
工具目前显示带有可复制 HEX 和 RGB 值的样本。对于完整的 CSS 自定义属性导出或设计令牌 JSON，请将值手动复制到你项目的令牌文件或 CSS 中。专用导出按钮可能会在未来更新中添加。
调色板计算使用 HSL 颜色空间中的标准色相旋转公式，这是大多数网页设计工具中的惯例。HSL 的精确感知均匀性与 LAB 或 OKLCH 相比有局限性，但 HSL 旋转产生的调色板符合设计师通常期望的色轮约定。