随机色板生成器

生成可锁定的随机配色,支持和谐模式以及 CSS、JSON 导出。

生成设置

当前色板

输入与输出示例

类似色 · 5 色可锁定随机色板

如何使用

  1. 选择自由、类似、三色或互补模式。
  2. 生成新色板,锁定需要保留的色块。
  3. 导出 CSS 变量或 JSON 数组。

能力与限制

  • 浏览器本地处理
  • 随机结果只在当前页面内存中保留。
  • 和谐模式基于 HSL 色相规则,不代表品牌识别系统。

常见问题

锁定颜色会怎样?
再次生成时,已锁定颜色会保留,其余颜色重新计算。

相关指南

颜色格式与对比度:从 HEX 到可读的界面配色 ↗

相关工具

更新于 2026-10-17 · 项目与反馈说明