专注当前任务。
为界面和插画探索协调配色。工具在 HSL 空间计算色彩关系，转换为 HEX，并输出可直接使用的 CSS 自定义属性。
使用方法
- 选择类似色、三角色或单色系等配色方式。
- 生成一组新的五色方案。
- 将 CSS 变量复制到样式表或设计原型中。
你的内容由你掌握。
工具输入在你的浏览器本地处理，绝不会发送至 KitVerse 服务器。在共享设备上使用时，请及时清空工作区。
工具输入在你的浏览器本地处理，绝不会发送至 KitVerse 服务器。在共享设备上使用时，请及时清空工作区。
配色方案生成器
根据经典色彩 harmony 生成五色 CSS 配色方案。
本地输入
输出
处理中…
常见问题
使用什么色彩空间？
生成器在 HSL 中调整色相、饱和度和亮度，再将不透明的结果转换为六位 HEX。
生成的配色一定符合无障碍要求吗？
不一定。上线前仍需分别检查前景与背景对比度，并测试不同状态、文字大小和真实界面组合。