一次生成多达 24 个随机颜色，每个颜色以色卡形式展示 HEX、RGB 和 HSL 值。点击色卡即可复制 HEX 代码。可以选择完全随机，也可以把范围收窄到柔和或鲜艳色调——一切在浏览器本地运行，使用密码学安全随机数。适合设计师、开发者，以及任何需要快速获取配色灵感的人。
如何使用
- 选择和谐模式： 随机模式覆盖全部色谱，柔和模式生成淡雅色调，鲜艳模式生成醒目色调。
- 设置数量： 拖动滑块，在 1 到 24 个颜色之间选择。
- 开始生成： 点击生成按钮，摇出一组新颜色。
- 复制颜色： 点击任意色卡，把它的 HEX 代码复制到剪贴板。
功能特性
- 一键生成 1 到 24 个随机颜色
- 三种和谐模式：完全随机、柔和、鲜艳（通过受限 HSL 区间实现）
- 每张色卡同时显示 HEX、RGB 和 HSL 值
- 单击复制 HEX 代码，并有可视确认提示
- 使用 crypto.getRandomValues 提供密码学安全随机性
- 完全在浏览器本地运行，不上传、不存储任何数据
随机、柔和、鲜艳：该选哪种模式？
不受限制的随机颜色覆盖整个 RGB 立方体，从接近黑到接近白都有——找灵感很好，但很多结果太暗、太浅或太浑浊，无法直接使用。柔和模式把饱和度限制在中等区间、把亮度推高，能稳定产出轻盈淡雅的颜色，适合放在文字和界面元素后面做背景。鲜艳模式则相反：饱和度拉满、亮度保持在中段，产出饱和度高、有活力的颜色，适合强调色、按钮和图表系列。拿不准时，可以给前景强调色摇一组鲜艳色，再给背景摇一组柔和色——两个区间天然互补。
使用场景
- 设计探索： 用意想不到的颜色组合打破创作瓶颈。
- 界面原型： 给线框图和原型填充合理的占位颜色。
- 数据可视化： 为图表系列和分类标签挑选区分度高的颜色。
- 游戏与艺术创作： 为程序化艺术、精灵图或关卡主题随机配色。
生成更好随机颜色的建议
生成比实际需要更多的数量——12 到 24 个——再从中挑出搭配协调的几个。前景色在用于界面前，先用对比度检查器对照背景检查一遍；白底上的鲜艳颜色对小字号文字常常达不到 WCAG AA 标准。如果某个生成的颜色接近你想要的，可以把它作为基础色放进配色方案生成器，围绕它构建一套和谐的配色。色卡会同时展示三种格式，复制 HEX 之后仍能读出 HSL 值，方便手动微调亮度或饱和度。
相关工具
常见问题
随机颜色生成器有什么用？
它可以随机生成颜色，作为设计工作的起点：挑选品牌强调色、填充设计稿、选择图表系列颜色，或者打破创作瓶颈。每个颜色都显示 HEX、RGB 和 HSL 值，可以直接放进 CSS、设计工具或代码里。
随机、柔和、鲜艳三种模式有什么区别？
随机模式从完整 RGB 空间中不加限制地取色。柔和模式把饱和度和亮度限制在温和区间，生成适合做背景的淡雅颜色。鲜艳模式强制高饱和度、中等亮度，生成适合做强调色和按钮的醒目颜色。
生成的颜色是真随机的吗？
是的。颜色使用 crypto.getRandomValues（浏览器密码学安全随机数生成器）生成，而不是 Math.random。每次点击都会在所选模式的范围内产生无偏、不可预测的颜色。
如何复制颜色代码？
点击任意色卡，其 HEX 代码会自动复制到剪贴板，卡片会短暂显示「已复制」提示。卡片上打印的 RGB 和 HSL 值可以手动复制。
这些颜色能用于商业项目吗？
可以。颜色只是数值，不受版权或商标限制。生成的任何颜色都可以自由用于个人和商业项目，包括网站、应用、Logo 和印刷品。