随机颜色生成器

打开就有一个随机颜色——按空格换下一个,HEX、RGB、HSL 一键复制。

使用方法

  1. 打开页面就有一个颜色——第一个结果不需要任何点击。
  2. 按空格(或点「生成」)换下一个。想换一种「随机法」先选风格:「均衡」落在可用区间,「全域」在整个 HSL 空间里摇,「鲜艳」「柔和」分别偏向强调色和浅背景。
  3. 点每行的「复制」拿对应格式——或直接点大色块复制 HEX;「复制全部三种格式」把三种格式一次带上剪贴板,每行一条。

示例

设置

风格「均衡」

一种可能结果

HEX #A5B3C0
RGB rgb(165, 179, 192)
HSL hsl(210, 18%, 70%)

值是随机的,你不会得到一模一样的——核对形态:HEX 是 # 加 6 位十六进制,RGB 是三个 0–255 整数,HSL 是色相角度加两个百分比。色块上的 Aa 角标是黑字/白字在这个颜色上的 WCAG 对比度(21:1 最好,1:1 完全看不清)。

规则、局限与常见问题

  • 只产不透明颜色:没有透明度、没有 8 位 HEX。需要 alpha 请把值贴进颜色转换工具。
  • 三种格式:HEX、RGB、HSL。HSV、CMYK 及其他色彩空间是颜色转换工具的任务。
  • 「均衡」「鲜艳」「柔和」是人为划定的 HSL 可用区间,刻意不是数学均匀分布;要均匀请切「全域」,同时接受泥灰与近白近黑也是「随机」的一部分。
  • 随机源是浏览器的 crypto.getRandomValues——密码学强度,但不是 random.org 式的「物理真随机」。
  • 最近颜色条只活在本次浏览:刷新即清。不上传、不存储、不写入 URL,分享按钮分享的只是页面链接。
  • Aa 角标只比较黑色文字与白色文字(WCAG 2.x 相对亮度公式);其他文字颜色、叠加与色彩管理不在范围内。
  • 舍入只发生在显示口径:同一颜色在 HEX 与 HSL 之间往返,通道可能偏移 1。

拿到颜色之后,通常还会用到这些。