首页 › 前端工具 › 配色方案生成
CM

配色方案生成器

根据基础色生成互补/类似/三角/分裂互补/四角色方案

配色方案互补 / 类似 / 三角 / 分裂互补 / 四角
输入方式HEX 或 RGB 输入
输出每种方案色值列表
复制每种颜色可单独复制
#73b9ff
rgb(197, 165, 114)
配色方案生成结果
基础色相—
配色方案5 种
生成颜色—
已复制次数0

配色方案生成器说明

配色方案生成器根据输入的基础颜色,自动生成五种经典配色方案,帮助设计师和开发者快速构建和谐的颜色搭配。

互补色 (Complementary):基础色与其色相相差 180° 的颜色组合,对比最强烈,适合突出重点、营造视觉冲击。

类似色 (Analogous):基础色与其色相相差 ±30° 的颜色组合,色调接近,和谐统一,适合营造柔和氛围。

三角色 (Triadic):色相相差 120° 的三个颜色组合,色彩丰富且平衡,适合活泼多彩的设计。

分裂互补色 (Split Complementary):基础色与互补色两侧各偏移 30° 的两个颜色组合,既有对比又不失柔和。

四角色 (Tetradic):色相相差 90° 的四个颜色组合,色彩最为丰富,适合需要多种颜色区分的复杂界面。

使用方法:输入 HEX 值或使用颜色选择器选择基础色,也可通过 RGB 输入框设置。生成的每种颜色均可点击单独复制。

前端工具