- 选择基础颜色使用颜色选择器或输入 HEX 值。
- 选择和谐模式（互补色、类似色、三色、分裂互补色、四色或单色）。
- 探索调色板 — 悬停查看颜色，点击复制 HEX 值。
- 导出配色方案为 CSS 变量、SCSS 变量、JSON 或 PNG 图片。
- 保存调色板以供将来参考。
什么是配色生成器？
配色生成器是一个免费的专业工具，用于根据经验证的色彩理论原则创建和谐的调色板。无论您是网页设计师、UI/UX专业人士、平面艺术家还是开发人员，此工具都能帮助您为任何项目找到完美的颜色组合 — 一切都在浏览器中完成。
主要特点
- 6种颜色和谐 — 使用互补色、类似色、三色、分裂互补色、四色（方形）和单色模式生成调色板。
- 交互式调色板 — 悬停在色条上展开，点击即时复制HEX值。
- 多格式颜色值 — 每种颜色显示HEX、RGB和HSL值。点击任何值即可复制。
- 导出为CSS/SCSS/JSON/PNG — 下载您的调色板为CSS变量、SCSS变量、JSON或PNG图片。
- 保存调色板 — 在浏览器中存储最多20个收藏的调色板。
使用场景
- 网页设计 — 导出CSS自定义属性并直接集成到样式表中。
- UI/UX设计 — 为应用程序创建一致的颜色系统。
- 品牌设计 — 为主要品牌色找到互补的强调色。
- 数据可视化 — 为图表和仪表板生成独特但和谐的颜色。
隐私与安全
此工具使用JavaScript 100%在浏览器中运行。不会向任何服务器发送任何颜色数据。