一个设计师友好的配色方案生成器。基于色彩理论，生成和谐的 5 色配色方案，支持导出为 CSS 变量、Tailwind 配置和图片。
配色方案生成器
HEX #000000
RGB rgb(0, 0, 0)
HSL hsl(0, 0%, 0%)
历史记录
色彩和谐规则
- 类似色：色轮上相邻的颜色，柔和统一
- 互补色：色轮上对立的颜色，强烈对比
- 三色组：色轮上均匀分布的三种颜色
- 分裂互补：一种颜色与其互补色两侧的颜色
- 四色组：色轮上均匀分布的四种颜色
- 单色系：同一色相的不同明暗变化
功能特点
- 🎨 6 种色彩和谐规则
- 🔒 锁定基础色相
- 📋 一键复制颜色值
- 💾 多格式导出
- 📜 历史记录
导出格式
- CSS 变量：直接用于网页样式
- Tailwind 配置：用于 Tailwind CSS 项目
- JSON：通用数据格式
- PNG 图片：用于设计稿
色彩理论基础
色彩和谐是设计的基础。不同的配色方案传达不同的情感：
- 暖色调：活力、热情、温暖
- 冷色调：冷静、专业、信任
- 高对比：醒目、现代、大胆
- 低对比：柔和、优雅、高级
使用技巧
- 选择一个你喜欢的基础颜色
- 尝试不同的和谐规则
- 锁定满意的基础色，微调其他颜色
- 导出并在实际项目中测试
技术细节
- HSL 色彩模型计算
- 实时颜色预览
- 支持多种导出格式
- 历史记录功能
- 响应式设计