操作
互补色模式 + 空格生成
结果
一组可复制 HEX 的协调色板
设计配色
调色板生成 - 色彩规则配色在线工具
按单色、类似色、互补色、三角色或完全随机规则生成调色板，可锁定个别色块后继续随机，适合 UI 探索与品牌色衍生。
调色板配色色彩
设计配色
调色板生成
点击颜色代码复制，点击锁图标锁定该颜色
使用场景
- 为新项目快速探索可用配色
- 在互补或类似色规则下衍生品牌色
- 锁定主色后继续随机生成其余色
如何使用
- 选择生成模式
- 点击生成或按空格键随机一组色板
- 锁定需要保留的色块，点击色值复制结果
示例输入输出
FAQ
能保持某个主色不变吗？
可以。点击色卡上的锁图标即可锁定该颜色，再生成时只替换未锁定的色块。
有哪些生成模式？
支持单色、类似色、互补色、三角色和完全随机五种。
工具列表
相关推荐
你可以从这里继续打开相近场景的工具，减少重复搜索。
色彩和谐搭配
色彩和谐搭配 - 经典配色规则工具
选定基准色后，按互补、类似、三角、四角、分裂互补或单色系规则生成配色方案，提供 UI 预览与 CSS 变量，适合品牌与组件配色。
配色 色彩 和谐
颜色格式转换
颜色格式转换 - HEX RGB HSL 在线工具
在浏览器本地将颜色在 HEX、RGB、HSL、HWB、CMYK 与 CSS 变量之间转换，支持取色器与随机色，适合设计稿取色、写样式和对齐品牌色。
颜色 HEX RGB
粉彩配色生成
粉彩配色生成 - 低饱和调色板工具
在浏览器本地生成低饱和粉彩与莫兰迪风格调色板，可选数量与风格并导出 HEX 列表或 CSS 变量，适合图表、背景与柔和 UI。
粉彩 配色 调色板