配色方案
输入主色生成网站与 App 配色，预览浅色或深色界面，查看对比度并复制色值、CSS 或下载 JSON。
使用说明
输入主色生成网站与 App 配色，预览浅色或深色界面，查看对比度并复制色值、CSS 或下载 JSON。
操作步骤
- 输入 HEX 主色或从颜色选择器、预设主色中选择。
- 切换配色风格、浅深色模式及网站或 App 预览，查看文字和背景的搭配。
- 检查对比度提示，复制所需色值或 CSS，或下载 JSON 保存配色。
支持格式
输入 3 位或 6 位 HEX 色值，也可使用颜色选择器；复制色值与 CSS，下载配色 JSON。
文件与隐私
配色计算和导出在当前浏览器完成，不需要上传文件或注册账号。
使用限制
- 预览是配色示例，不会自动修改你的网站或应用。
- 对比度检查针对展示的颜色组合，不能代替整个产品的可访问性检查。
- 复制被浏览器限制时，可使用页面提供的手动复制内容。
常见问题
可以使用自己的品牌色吗？
可以。输入 #38F 或 #2457FF 这样的 HEX 色值，工具会围绕主色生成配色。
下载的是网站模板吗？
不是。JSON 保存配色数据，CSS 用于复制颜色变量；界面预览仅用于观察配色效果。