随机数生成器
从完整的24位RGB色空间中随机选取一种颜色，并将其渲染为大型色样图，旁边显示所有常见表示形式：十六进制（#a3e1b4）、RGB（rgb(163, 225, 180)）、 HSL ，以及匹配时显示的CSS命名颜色回退值。点击色样图可重新生成。
如何生成随机颜色
-
1
点击生成
三个随机字节（0–255）分别构成R、G和B通道。
-
2
阅读所有格式
系统会显示Hex、RGB、 HSL 和HSV四种颜色模式；请根据您的样式表选择适用的模式。
-
3
如喜欢，请锁定
若结果接近预期，请启用“锁定色调”功能以保持色调不变，仅调整亮度和饱和度。
颜色空间
该生成器采用24位RGB色彩模式，可呈现16,777,216种可能颜色。这与显示器的显示色域完全一致，不过部分色彩值会出现在暗角或色饱和度较低的区域，这些差异往往难以区分。
各格式如何表示相同颜色
| 格式 | 语法 | 每通道字节数 |
|---|---|---|
| 十六进制 | #RRGGBB |
8位 |
| 红绿蓝颜色代码 | rgb(R, G, B) |
8位 |
| HSL | hsl(H, S%, L%) |
衍生型 |
| 恶性皮肤肿瘤 | hsv(H, S%, V%) |
衍生型 |
| OKLCH | oklch(L C h) |
视觉上均匀一致 |
为何纯粹的随机性会显得模糊不清
均匀分布的随机RGB色值更常呈现视觉上暗淡、饱和度较低的颜色，而非明亮鲜艳的色彩。若需获得更具冲击力的效果，请使用 HSL 重新生成图像，并将饱和度锁定在60%以上、明度控制在45%至65%之间——这样就能得到杂志封面般的色彩效果，而非暗淡无光的画面。
可访问性
将生成的任何颜色与白色或黑色文本搭配使用，并在用作按钮背景前检查 WCAG 对比度。正文文本的最低对比度要求为4.5:1；大字号文本则需达到3:1。
常见问题
由于RGB色域的大部分区域位于暗区（即色彩饱和度较低的中间区域），仅边缘处的一层薄层才呈现鲜艳色彩。建议在 HSL 或 OKLCH 中设置有界饱和度参数以获得生动的效果。
使用色相锁定模式（在曝光时适用）：您可选择一个色度值，工具仅调整饱和度和明度。此功能适用于探索品牌色彩的不同色调。
目前暂未启用种子模式——每次点击均从加密 RNG 中独立生成图案。请复制十六进制代码以保留原有颜色。
大致而言，十六进制代码具有设备相关性：经过校准的sRGB显示器能准确显示这些颜色，而廉价笔记本电脑则会使其偏向蓝色。打印时，请先转换为CMYK色码，再确认最终效果。