调色板生成器
Base 颜色
HEX
Accepts #RGB 或 #RRGGBB。
Palette Type
输出 Format
Number / Colors
5输出：
#3B82F6
#3F3BF6
#3BCDF6
#8A3BF6
#3BF6D4
使用方法
- 选择基础色或生成规则。
- 查看配色组合，并检查主色、背景色和强调色关系。
- 发布前用对比度工具验证文字和交互状态。
常见问题
生成的配色可以直接使用吗？
可以作为起点，但仍要结合品牌、可访问性和组件状态调整。
如何验证配色？
检查文本对比度、语义色和不同主题下的状态。
需要保留色值来源吗？
建议记录基础色和生成规则，方便维护。
简介
调色板生成器 是一个在线工具，用于快速生成平衡的配色方案，用于设计系统、主题和 UI 组件。它适合设计系统、CSS、主题、可访问性检查和 UI 交付。
什么时候使用
当你需要快速准备、检查或复制颜色或 CSS 输出时，可以使用“调色板生成器”。它能减少手工计算和重复操作，并让结果更容易放入真实工作流。
核心能力
- 在浏览器中快速处理输入，适合临时任务和日常检查。
- 输出清晰，便于复制、下载、记录或继续调试。
- 帮助在发布、测试或提交前发现格式、兼容性或隐私相关问题。
使用建议
- 使用接近真实场景的样例，不要只测试最简单输入。
- 涉及 secret、客户数据、设备隐私或生产配置时，优先使用脱敏内容。
- 对关键结果，在目标系统、设备或浏览器中再验证一次。
颜色结果进入生产前，建议同时检查视觉效果和可访问性。