随机颜色生成器
从 24 位 sRGB 范围中生成一组新的随机 HEX 颜色代码。选择所需色块数量，立即预览每种颜色，然后将代码复制到 CSS、设计备注、QA fixture 或配色实验中。
如何生成随机 HEX 颜色
-
1
选择数量
根据想查看的色块数量，输入 1 到 50 之间的任意数字。
-
2
生成色块
每个结果都是 #RRGGBB 形式的六位 HEX 代码，分别包含红、绿、蓝通道值。
-
3
复制并测试
保留喜欢的颜色，与文字搭配前先检查对比度。只有在工作流需要时，才转换为 RGB 或 HSL。
生成器会创建什么
每个代码代表一个 24 位 sRGB 颜色：红色 8 位，绿色 8 位，蓝色 8 位。因此从 #000000 到 #FFFFFF 共有 16,777,216 个可能的 HEX 值。工具会显示色块和代码；它不会为颜色命名、排序，也不会保证颜色的可读性。
如何读取 HEX 颜色
| 部分 | 含义 | 范围 |
|---|---|---|
# |
CSS 颜色标记 | 固定前缀 |
RR |
红色通道 | 00 到 FF |
GG |
绿色通道 | 00 到 FF |
BB |
蓝色通道 | 00 到 FF |
实用场景
- 在最终颜色尚未确定时，快速尝试界面状态、图表强调色或临时视觉素材。
- 先生成一组初始配色，再删除过于相似、过暗或过刺眼的颜色。
- 为 CSS、SVG、canvas 和设计系统示例创建测试数据。
将随机颜色用于正式环境前
随机颜色只是起点。用于文本、按钮和控件时，请与前景色或背景色一起测试对比度。WCAG AA 要求普通文本的对比度为 4.5:1，大号文本为 3:1。用于品牌或印刷时，请在校准过的屏幕上复核，并为印刷单独转换颜色。
常见问题
随机 HEX 会覆盖所有通道值，因此很多结果看起来不像经过打磨的配色。可以生成更多选项，只保留对比度和饱和度适合当前用途的色块。
这个工具生成的是彼此独立的随机颜色。若需要更统一的配色，请使用配色生成器，或手动保持在同一个 hue 家族中选择更浅和更深的变化。
此工具没有 seed 控制。请复制想保留的 HEX 代码，方便之后重复使用。
可以。六位 #RRGGBB HEX 值是标准 CSS 颜色语法，可用于 color、background-color、边框、渐变和 SVG 填充。
不能跳过对比度检查。随机色块很容易不符合 WCAG 对比度要求，尤其是作为小号文字或细字重字体的背景时。
相关工具
BBCode 转 HTML 转换器
将 BBCode（论坛标记）转换为干净的 HTML。支持格式标签、列表、引用、代码、图片、链接和表格。
Base64 转 Hex 转换器
将 Base64 字符串转换为其底层字节的十六进制表示。适合检查令牌、密钥、证书和 JWT。
二进制转 ASCII 转换器
粘贴二进制（用空格分隔的字节或一长串比特），即可得到它所表示的 ASCII 文本。支持 7 位和 8 位编码。
二进制转十六进制转换器
将二进制输入转换为纯大写十六进制值。非 0 和 1 字符会被忽略，前导零不会保留。
二进制转八进制转换器
通过每三位分组将二进制转为八进制。适合 Unix 权限、旧系统和紧凑的数字显示。
二进制转十进制
即时将二进制数转换为十进制。显示按位展开，让你看清每一位的贡献。