随机颜色生成器
生成一个随机颜色,同时给出其 HEX、RGB、HSL 值和实时预览效果。
如何使用 随机颜色生成器
- 点击“生成颜色”。
- 查看颜色预览色块以及对应的 HEX、RGB、HSL 值。
- 复制你需要的格式,或者重新生成一次。
关于 随机颜色生成器
点击一次,你就能得到一个在整个 RGB 空间中均匀随机抽取的颜色,并以实时色块展示其 HEX、RGB、HSL 值,随时可以复制。每个通道都是由浏览器的密码学安全随机源独立选取的,因此全部 1670 万种 RGB 颜色出现的概率完全相等,不会在预设列表中循环。它适合用于设计灵感、占位色块、测试数据填充,或者给样机界面填上一些不那么单调的灰色以外的颜色。
有一点需要说清楚:均匀随机的 RGB 颜色并不等于一套配色方案。真正的配色方案建立在色彩之间的关系之上——共同的色相、受控的饱和度、刻意设计的明度层级——而独立随机的通道完全忽略了这些关系。三个随机颜色放在一起通常会互相冲突,一个随机颜色看起来惊艳或者显得脏乱的概率其实差不多。把它当作一个起点:挑一个你喜欢的颜色,再用色阶生成器围绕它继续搭建。
随机颜色同样对“对比度”一无所知。一个颜色作为色块看起来很棒,放在正文文字背后却可能完全无法阅读——无障碍设计的依据是前景色与背景色之间实测的对比度比值,而不是审美偏好。在把随机颜色用于任何承载文字的地方之前,请先用对比度检测工具检查一下这对颜色组合。
常见问题
我能得到哪些格式?
同一个颜色的 HEX、RGB 和 HSL 格式,外加一个预览色块。复制你的设计工具或样式表所需要的那种格式即可。
颜色分布均匀吗?
是的。红、绿、蓝三个通道都是使用浏览器的安全随机数生成器,在 0 到 255 的完整范围内各自独立抽取的,因此全部 16,777,216 种 RGB 颜色出现的概率完全相等。
它能生成一套搭配好的配色方案吗?
不能。随机通道生成的颜色彼此之间没有任何关联,这正好与配色方案所需要的效果相反。可以先挑一个你喜欢的颜色,再围绕它构建深浅不同的色调。
随机生成的颜色符合无障碍要求吗?
不一定。对比度取决于一对颜色的组合,而不是单一颜色本身,所以在准备把文字放在某个颜色上之前,请先用对比度检测工具检查一下。
可以锁定某个色相或限定颜色范围吗?
不可以。这个生成器只有一个按钮,没有任何选项——每次点击都会得到一个全新的、完全不受限制的随机颜色。

