随机颜色生成器
打开就有一个随机颜色——按空格换下一个,HEX、RGB、HSL 一键复制。
- HEX
- RGB
- HSL
使用方法
- 打开页面就有一个颜色——第一个结果不需要任何点击。
- 按空格(或点「生成」)换下一个。想换一种「随机法」先选风格:「均衡」落在可用区间,「全域」在整个 HSL 空间里摇,「鲜艳」「柔和」分别偏向强调色和浅背景。
- 点每行的「复制」拿对应格式——或直接点大色块复制 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。
相关工具
拿到颜色之后,通常还会用到这些。