生成器

随机颜色生成器

在线生成随机十六进制、RGB 或 HSL 格式的颜色代码,支持自定义数量,适用于网页设计与开发。

运行工具

本工具可快速生成随机的网页颜色代码,支持十六进制(HEX)、RGB 和 HSL 三种主流格式。用户可指定生成颜色的数量,系统会自动处理输入并限制在合理范围内,确保输出稳定可用。默认生成一个十六进制颜色值,格式为标准井号开头加六位小写字母与数字组合。若选择 RGB 格式,输出为包含三个 0 至 255 整数的标准函数写法;若选择 HSL 格式,则输出包含整数色相及带百分号的饱和度与亮度值。当指定的格式不被识别时,系统将自动回退至十六进制格式,保证每次操作均有有效结果。此工具适用于前端开发、UI 设计草图绘制或需要快速选取配色方案的场景,帮助用户高效获取多样化的色彩灵感,无需手动计算或查阅色表。

使用说明

  1. 在“数量”框中输入希望生成的颜色个数,默认为 1。
  2. 从“格式”下拉菜单中选择输出类型:hex、rgb 或 hsl。
  3. 点击“运行”按钮执行生成操作。
  4. 在结果面板中查看生成的颜色代码列表。
  5. 如需其他格式或数量,调整参数后再次点击运行即可。

示例

  • 生成 5 个十六进制颜色:#a3f1b2, #09c4d1, #ff5733, #8e44ad, #2ecc71
  • 生成 3 个 RGB 颜色:rgb(120, 45, 200), rgb(255, 99, 71), rgb(60, 179, 113)

常见问题

生成的颜色是唯一的吗?

每次生成的颜色基于独立随机选取的红绿蓝分量,不保证唯一性,可能出现重复。

如果输入的格式不支持会怎样?

若选择的格式不是 hex、rgb 或 hsl,系统将自动使用十六进制格式输出结果。

最多可以一次生成多少个颜色?

数量上限为 50。若输入超过 50,系统将自动调整为 50;若输入无效或非数字,则默认为 1。

HSL 格式的输出是什么样的?

HSL 输出包含整数色相值,以及带百分号的饱和度和亮度值,例如 hsl(120, 50%, 60%)。

嵌入此工具

使用以下代码,将这个可直接使用的 SmartPlusLab 工具添加到您的网站。