配色方案生成器

选一个基色,四种和谐配色方案立即生成,点击色块复制色值。

互补色——对比最强

邻近色——和谐相邻

三角配色——均衡而鲜明

分裂互补——对比柔和

四种配色方案怎么选

色彩理论里最实用的四种和声关系,各有脾气:互补色(色轮正对面)对比拉满,适合让按钮和行动号召从安静的背景里跳出来;邻近色(相邻的色相)气质统一,做渐变和插画最舒服;三角配色(色轮均分三点)丰富又平衡,数据图表的好选择;分裂互补取对面的两个邻居,保有对比却少了针尖对麦芒的紧张。

以品牌色为基色生成全套方案,主色、强调色、辅助色的关系一步到位——配色从「凭感觉」变成「有依据」。

使用步骤

1. 输入或随机生成一个基色。
2. 浏览四种配色方案的色板,点击任意色块复制 HEX。
3. 把方案带进设计稿,主次配色按方案分配。

常见问题

方案是怎么计算的?

基于色轮的色相差计算:互补相差 180 度,邻近相差 30 度,三角均分 120 度,分裂互补取对面两侧。

深色模式怎么配色?

保持色相不变,调低明度、提高背景明度对比;先生成方案再按明度分档是高效做法。

生成会上传吗?

不会。配色在你的浏览器内实时计算。

隐私说明

配色计算完全本地:你的品牌色、方案试验都在浏览器内完成,未发布的视觉体系不外泄。