全部色彩和谐

每种和谐配色都遵循色轮上的不同规则：相邻色、相对色或等距分布的颜色。选择适合项目的方案，然后免费生成配色，无需注册。

14 种经典与现代配色，每种都有具体示例、适用场景和应避免的问题。

• 单色配色方案

  单色配色从一个色相出发，通过调整饱和度和明度形成变化。这是最稳妥的和谐配色，颜色之间不易冲突，能迅速建立统一的视觉风格。

• 类似色配色方案

  类似色位于色轮上的相邻位置，通常分布在 30–60 度的范围内。这样的组合柔和连贯，贴近自然景象，如落日或森林地面。

• 互补色配色方案

  互补色在色轮上彼此相对，相距 180 度。这种和谐配色具有最强烈的色相对比，例如蓝与橙、红与绿、紫与黄。

• 分裂互补色配色方案

  分裂互补配色先确定一个基础色相，再选取其互补色两侧的相邻色，而非直接使用互补色。这样既保留对比，又减弱了严格互补组合的生硬感。

• 三等分色配色方案

  三等分色配色由色轮上均匀分布、彼此相距 120 度的三种色相组成。效果鲜明、均衡而欢快，适合希望引人注目的品牌。

• 四方色配色方案

  四方色配色也称矩形配色，由两组互补色组合而成。它是经典和谐配色中最丰富的一种，也最考验搭配能力。

• 双互补色配色方案

  双互补配色使用两组相对色，每组相邻色在色轮上的距离较近。这样能形成温暖、层次渐进的配色，也是许多多色渐变的基础。

• 渐变配色方案

  渐变配色以均匀的色阶从最深色过渡到最浅色，是创建 CSS `linear-gradient` 或设计系统色阶的直接起点。

• 自然配色方案

  自然配色源于户外常见的颜色，如植物绿、大地色、沙色和树皮色。眼睛每天都接触这些组合，因此它们很容易带来熟悉感。

• 冷暖配色方案

  这类配色按冷暖组织颜色：一侧是暖色，另一侧是冷色，中间以中性色衔接。它首先是一种构图工具，也是一种和谐配色方式。

• 情绪配色方案

  情绪配色从想要产生的感受出发，而非从色轮几何关系出发。信任、紧迫、宁静、奢华，每一种意图都对应不同的色彩家族。

• Material Design配色方案

  Material Design 配色遵循 Google 的设计逻辑：一种主色、一种用于点缀的辅助色、中性表面色，以及用于文字和层级的灰阶。

• 复古配色方案

  复古配色降低颜色饱和度，并向米色、棕褐色和褐色靠拢，让人联想到泛黄纸张、七十年代海报和胶片摄影。

• 季节配色方案

  季节配色借用一年中某个时节的颜色：春天的柔和浅色、夏天的饱和色彩、秋天的赭色，以及冬天的冷色。