配色方案生成器 — 互补、三角等配色
选择一个基础色,即可即时生成互补、邻近、三角、四角、分裂互补和单色配色方案,并可一键复制 HEX。
🔒 全部在你的浏览器中运行。输入和输出都不会发送到服务器或被保存,十分安全。
💡 点击任意色块即可复制其 HEX。
这个工具有用吗?点一下表达心情
关于此工具
这款配色方案生成器以一个基础色为起点,根据色环上的关系生成搭配的配色——互补、邻近、三角、四角、分裂互补和单色。选择或输入一个颜色,所有方案便会同时出现,每个色块都标有可一键复制的 HEX 代码。它能快速地把单一的品牌色或强调色变成均衡、即用的配色,而且全部在浏览器中运行。
常见问题
互补色、邻近色和三角配色有什么区别?
互补色在色环上彼此相对,形成强烈对比;邻近色是相邻的颜色,显得平和而协调;三角配色则是三个等距的色相,既鲜明又均衡。分裂互补、四角和单色分别提供更柔和的对比、更丰富的四色方案,以及同一色相的深浅变化。
我的项目该选择哪种配色?
想要醒目、抓人眼球的强调色,互补或分裂互补很合适;想要轻松、统一的观感,可选择邻近或单色。三角和四角适合需要多个鲜明颜色的活泼设计——不妨多生成几组,放到你的内容里试一试。
配色中的颜色是如何计算的?
工具会把你的基础色转换为色环上的色相,再将该色相旋转固定的角度——例如互补旋转 180 度,三角配色则以 120 度为步长旋转三次——同时保持饱和度和明度不变。由于计算在你的浏览器中进行,配色会即时出现,你输入的任何内容都不会发送到服务器。