配色关系

色彩和谐指南

色彩和谐是指看起来令人愉悦的颜色组合，源自它们在色轮上的位置。互补色彼此相对，三色以 120° 均匀分布，相似色并排排列。

选择基色和和谐类型。该工具围绕 HSL 轮旋转颜色以生成匹配的调色板，显示每个样本及其十六进制代码。单击任意样本将其复制到剪贴板。

专业提示

• 使用 60-30-10 规则：60% 主色、30% 次要颜色、10% 强调色。当一种颜色明显占主导地位时，互补色搭配效果最佳。
• 类似的调色板安全且自然——非常适合背景和信息图表。互补调色板会流行，但如果以相同的重量使用，可能会振动；让一个人获胜。

什么是色彩和谐

色彩和谐是告诉你哪些颜色搭配好看的规则体系，源自色轮上的几何关系。每种和谐都是从基础色出发的固定角度模式：互补色在 180°、三色组在 120°、邻近色在 30° 以内，等等。因为模式是几何的，任何基础色都能立刻产出可用的配色——这些和谐「看着顺眼」，是因为人眼处理色相关系的方式与起始颜色无关。

互补与分离互补

互补对相距 180°——红与绿、蓝与橙、黄与紫——能量和对比最强。分离互补缓和了冲撞：不用正对面那个颜色，而取它两侧的两个邻居（基础色 + 150° + 210°）。你保留了对比配色的活力，却去掉了刺眼的振动，是需要「出挑」又不想失手的界面最安全的选择之一。

邻近与单色

邻近配色取色轮上相邻的 3–5 个色相，全部落在约 60° 内——比如蓝、蓝绿和绿。因为相邻色相共享色素，它们显得平静、统一而自然。单色更进一步：同一个色相的不同明度、暗度和饱和度。两者几乎不可能出错，因此是仪表盘、数据可视化和想要显得稳定可信的品牌的默认选择。

三色组与四色组

三色和谐把三个颜色均匀分布 120°——经典的红/黄/蓝。它们鲜艳而均衡，适合活泼品牌、插画和信息图。四色（双互补）用两组互补对在色轮上构成矩形——例如蓝、橙、紫、黄绿。它给出最丰富的调色板，但也最难平衡：让一个颜色主导，其余三个只作辅助点缀，否则整套配色会塌成噪音。

为你的项目选和谐

让和谐匹配任务。单色和邻近色适合专业产品、健康科技和金融——传达沉稳与专业。互补色适合营销页和行动号召，对比驱动注意力。三色适合活泼或教育内容。分离互补是网页应用的最佳万金油：生动但安全。无论选哪种，都用 60-30-10 法则——60% 主色、30% 辅助、10% 强调——让配色有层级而不是互相争抢。