配色和谐生成器
颜色
在 HSL 色环上旋转色相，生成画家和 UI 设计师常用的七种调色板。投入一个 hex，得到匹配色调 —— 当你有品牌色需要图表调色板、CTA 强调色或背景平静类似色条时很有用。数学保持在 HSL 中，所以每种和谐都保留与基色相同的饱和度和明度，单色除外，它有意上下偏移明度。
—
色相: 217°饱和: 91%明度: 60%
色卡
#3B82F6
#F6AF3B
色相旋转在 HSL 中完成，快但感知不均匀。感知调色板请试 OKLCH 拾色器。
使用方法
- 把你的品牌或锚定 hex 粘贴到基色字段（或使用拾色器）。
- 选择适合用例的和谐 —— 平静背景选类似，鲜明对比选三色。
- 复制单个 hex 代码或整个逗号分隔列表。
常见问题
- 图表调色板哪种和谐最安全？
- 三色或分裂互补 —— 三个左右间距良好的色相，对大多数观看者保持可区分。除强调色对外避免纯互补（仅两色）。
- 为什么单色给五种颜色？
- 单色是明度刻度，不是色相旋转。五步（−30%、−15%、基色、+15%、+30%）是常见折衷 —— 足够变化又不丢失基色。