找不到合适的配色灵感？这款随机颜色生成器可以帮你一键生成多个随机颜色，你可以锁定喜欢的颜色后继续生成，直到找到完美的配色方案。支持导出为 CSS 变量，一键复制 HEX、RGB、HSL 等格式。
如何使用随机颜色生成器？
使用方法非常简单：设置你想要生成的颜色数量（1-20个），点击"生成新颜色"按钮即可获得一组随机颜色。如果某个颜色很满意，点击锁定图标可以保留它，下次生成时被锁定的颜色不会改变。找到满意的配色后，可以点击"导出 CSS"将所有颜色导出为 CSS 变量格式，直接用于你的项目。
配色灵感的来源
- 随机生成 - 完全随机的颜色组合可能带来意想不到的灵感
- 自然界 - 日落、海洋、森林等自然景色
- 艺术作品 - 著名画作、摄影作品的配色
- 品牌设计 - 成功品牌的视觉识别色彩
- 季节变化 - 春天的嫩绿、秋天的橙红
- 文化元素 - 不同文化对颜色的独特运用
配色的基本原则
好的配色方案通常遵循一些基本原则：互补色（色相环上相对的颜色）可以创造强烈的对比；类似色（相邻的颜色）可以创造和谐的渐变效果；三角形配色（色相环上等距的三个颜色）可以创造平衡感。使用本工具时，你可以通过锁定和重新生成来探索这些配色关系，找到既有视觉冲击力又和谐统一的配色方案。
FAQ
Q: 如何保存我喜欢的配色方案？
A: 你可以点击"导出 CSS"按钮，将当前所有颜色导出为 CSS 变量格式（如 --color-1: #XXXXXX;），复制保存到你的项目或笔记中。也可以单独点击每个颜色的复制按钮，复制特定颜色的 HEX、RGB 或 HSL 值。
Q: 生成的随机颜色会重复吗？
A: 理论上随机颜色有 16,777,216 种可能（24位色），所以重复的概率极低。每次生成都是完全随机的，不会受之前生成结果的影响。如果你希望颜色有一定的协调性，可以使用锁定功能保留满意的颜色，然后继续生成直到找到搭配的颜色。
Q: 如何在我的网站项目中使用导出的 CSS？
A: 导出的 CSS 变量可以直接添加到你的 CSS 文件的 :root 选择器中。例如 :root { --color-1: #3B82F6; --color-2: #10B981; }。然后在 CSS 中通过 var(--color-1) 的方式引用这些颜色变量，方便统一管理和修改配色。