小明维基
首页
知识库
应用广场
关于小明
开始学习
首页
应用广场
配色方案生成
配色方案生成
智能生成和谐的配色方案,支持导出 CSS 变量与 JSON。
设置
主色
方案
相邻色(Analogous)
互补色(Complementary)
三分色(Triad)
单色阶(Monochrome)
数量:7
生成
随机主色
复制 CSS 变量
下载 JSON
导出预览
:root { }
配色
小提示
“单色阶”适合做 UI 组件状态;“互补色/三分色”适合做强调色。
导出的 CSS 变量可以直接贴到 Tailwind 或设计稿里使用。