随机配色生成器

功能特性

一次生成 6-12 种颜色

HEX / RGB / HSL 值

点击即可复制

锁定满意的颜色

使用方法

1. 按空格键（或点击「生成」）让台面铺满随机颜色。

2. 锁定喜欢的颜色 —— 锁定的色块在下一次生成时保留；点击任意色块即可复制其值。

3. 在顶栏切换数值格式（HEX / RGB / HSL / OKLCH），或一键复制整组颜色。

关于这个工具

有时找到颜色方向最快的方法，就是让随机来给出建议。这个生成器用浏览器的密码学安全随机数生成器在舞台上生成 3 到 12 个随机颜色，每个颜色以 HEX、RGB、HSL 或 OKLCH 显示，并附上近似的颜色名称。按空格或“生成”重新随机；锁定喜欢的色块，它会在下一次随机时保留下来，这样可以一步步凑出一组颜色。点击色块复制色值，或一次复制整组。随机颜色很适合寻找灵感、生成测试数据、头像背景和图表占位；但用于品牌或界面配色时，请先调整协调性并检查文字对比度。

常见问题

随机颜色是怎么生成的？

数值来自浏览器的安全随机源 crypto.getRandomValues，所以 1670 万种 24 位 RGB 颜色中的每一种出现的概率都相同，结果也不会按可预测的规律重复。

锁定颜色是怎么工作的？

锁定一个色块后再次生成，它的颜色保持不变，未锁定的色块会换成新的随机颜色。这样你可以留下喜欢的颜色，继续随机其余的。

应该复制哪种格式的色值？

HEX 在设计工具和 CSS 中最通用；HSL 更便于手动微调；OKLCH 适合在现代 CSS 中让多个颜色的亮度保持一致地调整。

随机颜色能组成符合无障碍要求的配色吗？

单靠随机不行，随机组合的对比度常常很差。把它们当作起点，然后用对比度检查工具按 WCAG AA 核对每一组文字和背景颜色。

怎样得到更柔和或更鲜艳的随机颜色？

这里每个 RGB 值出现的概率相同，所以结果从暗淡到鲜艳都有。把喜欢的颜色复制到颜色转换器中，降低饱和度得到柔和的色调，提高饱和度则更鲜艳；也可以用配色生成器以它为基础生成协调的一组颜色。

功能特性

使用方法

关于这个工具

常见问题

相关工具