HohoTools

随机颜色生成器

这款免费的随机颜色生成器在浏览器本地生成均匀分布的随机 HEX 颜色，随机源是 crypto.getRandomValues——浏览器为密钥和令牌保留的加密安全随机数。

使用方法

  1. 设定要生成的随机颜色数量，1 到 24 个。
  2. 可选启用亮度过滤：排除过暗或过亮的颜色。
  3. 点击"生成"，再点击任意色块即可复制其 HEX。

常见问题

颜色是真随机且无偏的吗？

每个颜色都来自 crypto.getRandomValues，即浏览器内置的加密安全随机源。生成时抽取 3 个相互独立的字节——RGB 每通道 1 个——而单字节在构造上就在 0-255 均匀分布，不存在取模偏置或缩放漂移，16,777,216 种颜色严格等概率。

亮度过滤是做什么的？

它计算每个候选色的 WCAG 相对亮度（与对比度检查器同一公式），把低于 0.15 的判为过暗、高于 0.85 的判为过亮并丢弃，只保留 [0.15, 0.85] 区间内的颜色。纯随机 RGB 落在贴近纯黑/纯白"没用区"的概率相当高，过滤能让整批颜色在浅色和深色设计里都可用。

数量为什么上限是 24？

一批随机色是给人眼扫视挑拣的，超过几十个色块后区分度急剧下降。1 到 24 能保证网格在任何视口下都可读；需要更多就多点几次"生成"——每次点击都是相互独立的抽取。

之后能复现同一批颜色吗？

刻意不能。生成器由操作系统熵源播种，不保留任何状态，每批颜色都独一无二、无法重放。看到喜欢的颜色就复制它的 HEX——那才是可携带、永久的记录。

会上传或存储任何内容吗？

不会。生成在你点击的那一刻由浏览器本地完成，任何内容都不离开设备，关闭页面即消失。

相关工具

颜色色阶生成器 一个品牌色很难直接撑起整个界面：放在按钮上要更深一档的悬停态，描边和阴影要再深几档，徽章、背景和暗色模式表面又要更浅的兄弟色。 实用工具 颜色混合器 "这两个颜色中间是什么色"是设计里的高频问题：渐变的中间停靠点要过渡顺滑不出色带、插画配色需要一座过渡桥色、客户换标时想看新旧品牌色对半掺的样子、或者给中性色掺一点品牌色做出 30% 的倾向感。 实用工具 HEX 转 RGB 设计师交接色板时给的是 #FFA500，而写动画、做混色、调用一个只认数字的接口时，你需要的是十进制通道值——HEX 与 RGB 本是同一种颜色的两种写法，但切换场景总要换一种表达。 实用工具 颜色对比度检查器 低对比度文字是网络上最常见的无障碍问题：在你校色过的屏幕上刚好看的灰底灰字，放到阳光下的廉价手机上、对低视力读者、对四十岁以上的人，都可能完全读不清。 实用工具 图片取色器 看得见却叫不出名字的颜色，是前端开发、幻灯片设计和照片修图里每天都在发生的问题。 图片工具
了解更多

这款免费的随机颜色生成器在浏览器本地生成均匀分布的随机 HEX 颜色，随机源是 crypto.getRandomValues——浏览器为密钥和令牌保留的加密安全随机数。这里的随机不是花架子：每个颜色由 3 个相互独立的字节抽取而来，RGB 每个通道各 1 字节，单字节天然在 0-255 上均匀分布，因此 16,777,216 种颜色出现概率完全相等，不会像某些伪随机写法那样悄悄偏向发灰的绿或发白的粉。生成数量 1 到 24 可配，结果以网格呈现，点击任意色块即复制 HEX。可选的亮度过滤为真实设计场景服务：它用 WCAG 相对亮度公式（与对比度检查器同一公式）算出每个候选色的亮度，丢弃低于 0.15 的过暗色与高于 0.85 的过亮色，只保留 [0.15, 0.85] 区间内的颜色——纯随机 RGB 有相当高的概率落进贴近纯黑/纯白的"没用区"，过滤后整批颜色在深浅两种底色上都还可用。用途从配色头脑风暴、占位插画，到生成艺术的种子色、颜色处理代码的测试样本。全部本地运行，不上传、不存储、不进日志。在下方设定数量，点击生成本批颜色。