基准色
#3b82f6
互补色
#f6993b
design / 可用工具
色彩和谐搭配与配色方案生成工具
选定基准色后，按互补色、类似色、三角配色等经典色彩理论自动生成和谐配色方案，并提供实时 UI 预览。
配色设计色彩
在线工具
色彩和谐搭配器
搭配结果
预览效果
配色预览
查看配色在实际界面中的效果
CSS 变量
使用场景
- 为设计项目选择配色方案
- 学习色彩理论和搭配规则
- 生成品牌配色系统
如何使用
- 1. 选择基准色
- 2. 选择搭配规则
- 3. 点击色块复制颜色值
示例输入输出
FAQ
支持几种配色规则？
当前支持互补色、类似色、三角配色、四角配色、分裂互补和单色系共 6 种规则。
工具列表
相关推荐
你可以从这里继续打开相近场景的工具，减少重复搜索。