配色方案生成器
选一个基色,四种和谐配色方案立即生成,点击色块复制色值。
互补色——对比最强
邻近色——和谐相邻
三角配色——均衡而鲜明
分裂互补——对比柔和
四种配色方案怎么选
色彩理论里最实用的四种和声关系,各有脾气:互补色(色轮正对面)对比拉满,适合让按钮和行动号召从安静的背景里跳出来;邻近色(相邻的色相)气质统一,做渐变和插画最舒服;三角配色(色轮均分三点)丰富又平衡,数据图表的好选择;分裂互补取对面的两个邻居,保有对比却少了针尖对麦芒的紧张。
以品牌色为基色生成全套方案,主色、强调色、辅助色的关系一步到位——配色从「凭感觉」变成「有依据」。
使用步骤
1. 输入或随机生成一个基色。
2. 浏览四种配色方案的色板,点击任意色块复制 HEX。
3. 把方案带进设计稿,主次配色按方案分配。
常见问题
方案是怎么计算的?
基于色轮的色相差计算:互补相差 180 度,邻近相差 30 度,三角均分 120 度,分裂互补取对面两侧。
深色模式怎么配色?
保持色相不变,调低明度、提高背景明度对比;先生成方案再按明度分档是高效做法。
生成会上传吗?
不会。配色在你的浏览器内实时计算。
隐私说明
配色计算完全本地:你的品牌色、方案试验都在浏览器内完成,未发布的视觉体系不外泄。