关于此工具
配色方案是直接取自色轮的色相关系：互补色将两个相对的色相配对，对比最强烈；类似色将三个相邻色相分组，感觉平静统一；三角色将三个色相均匀分开，效果鲜明又不失平衡；四角色将四个色相均匀分开，色调丰富但更难协调；分裂互补色则用真正补色两侧的两个色相替代唯一补色——保留互补方案的大部分对比度，同时减少视觉张力。
选择一个基础颜色和一种方案，本工具会以相同的饱和度和明度计算出其余所有色相，让整组颜色看起来像同一个色系。每个色块都显示其精确的 hsl() 值，点击即可复制到剪贴板——可直接用于 CSS。一切都在浏览器本地运行，不会上传任何内容，你的基础颜色和上次使用的方案也会被记住。
常见问题
网站应该使用哪种色彩调和方案？
类似色方案对于内容型网站往往显得平静和谐，而互补色或分裂互补色方案则能为行动号召创造更强的对比——不妨多试几种，看哪种更符合你的品牌。
这个工具会考虑颜色的无障碍性/对比度吗？
不会——这些方案只是纯粹的色相计算，未经过对比度检查。在正式使用前，请务必单独针对 WCAG 对比度标准验证文本/背景配色。