🎨
配色方案生成器
基于 HSL 色轮自动生成和谐配色，点击色块复制 HEX，可用于网页、UI 与品牌设计。
基于 HSL 色轮自动生成和谐配色，点击色块复制 HEX，可用于网页、UI 与品牌设计。
如何使用配色方案生成器
- 选一个主色，或上传图片从图里取色
- 选配色规则（互补、邻近、三色、单色等）
- 生成一套主色、辅助色、强调色
- 锁定满意的颜色，复制 HEX 或导出 CSS 变量
配色方案生成器功能说明
- 基于色轮理论生成互补、邻近、三色等和谐配色
- 支持从图片提取主色再扩展
- 一键导出 CSS 变量和色值清单
注意事项
- 生成的是理论上和谐的配色，实际还要按品牌和场景微调
- 别让一套方案里所有颜色都高饱和，要分清主次
- 文字和背景色记得再用对比度检测过一遍