免费随机颜色生成器在线

即时生成带有 HEX、RGB 和 HSL 值的随机颜色

HEX#000000
RGBrgb(0, 0, 0)
HSLhsl(0, 0%, 0%)
颜色历史

轻松发现颜色

在几秒钟内生成、探索和复制颜色

HEX
多种格式

每种生成的颜色显示其 HEX、RGB 和 HSL 值,准备复制并粘贴到您的 CSS、设计工具或代码中。

RGB
互补颜色

立即查看任何生成颜色的互补色,以帮助构建和谐的配色方案。

HSL
颜色历史

所有生成的颜色都保存在视觉历史中,以便您比较和重新访问您喜欢的颜色。

关于我们的随机颜色生成器

我们的免费随机颜色生成器创建随机颜色,并以 HEX、RGB 和 HSL 格式显示,方便用于网页设计、图形设计和开发。每种颜色都包括其互补色,并保存到视觉历史调色板中。

常见问题

提供哪些颜色格式?

每种生成的颜色以三种格式显示:HEX(例如,#3A7BD5)、RGB(例如,58, 123, 213)和 HSL(例如,216, 66%, 53%)。

HEX 是网页 CSS 中最常见的格式。RGB 在许多设计工具和编程语言中使用。HSL 对于手动调整颜色非常直观。

点击任何值即可立即将其复制到剪贴板。

什么是互补色?

互补色是色轮上相对的一种颜色,色相相距180度。互补色对创造出高对比度和视觉冲击力。

例如,蓝色的互补色是橙色,红色的互补色是青色。

在行动按钮、强调元素和吸引注意的设计中使用互补色。

我可以在我的项目中使用生成的颜色吗?

可以。所有生成的颜色可以在任何个人或商业项目中自由使用,无需署名。

只需复制HEX、RGB或HSL值,并将其粘贴到您的CSS、设计软件或代码中。

这些颜色是通过数学生成的,不受任何版权或许可限制。

我该如何构建一个颜色调色板?

生成多种颜色,并在颜色历史部分查看它们。您喜欢的颜色可以通过其值记录下来,以便用于您的调色板。

使用互补色功能找到和谐的配对,使其相得益彰。

对于协调的调色板,寻找HSL值中饱和度和亮度水平相似的颜色。