随机颜色生成器

生成HEX、RGB和HSL的随机颜色。获取一个或多个颜色,预览并复制值。

随机颜色:

HEX
#C5ECE5
RGB
rgb(197, 236, 229)
HSL
hsl(169, 51%, 85%)

预览:

Black Text
Shadow
White Text
Shadow

更亮 / 更暗:

%HexRgbHslPreview
100%#ffffffrgb(255, 255, 255)hsl(0, 0%, 100%)
95%#f9fdfcrgb(249, 253, 252)hsl(165, 50%, 98%)
90%#f3fbfargb(243, 251, 250)hsl(173, 50%, 97%)
85%#eef9f7rgb(238, 249, 247)hsl(169, 48%, 95%)
80%#e8f7f5rgb(232, 247, 245)hsl(172, 48%, 94%)
75%#e2f6f2rgb(226, 246, 242)hsl(168, 53%, 93%)
70%#dcf4efrgb(220, 244, 239)hsl(167, 52%, 91%)
65%#d6f2edrgb(214, 242, 237)hsl(169, 52%, 89%)
60%#d1f0eargb(209, 240, 234)hsl(168, 51%, 88%)
55%#cbeee8rgb(203, 238, 232)hsl(170, 51%, 86%)
50%#c5ece5rgb(197, 236, 229)hsl(169, 51%, 85%)
45%#b1d4cergb(177, 212, 206)hsl(170, 29%, 76%)
40%#9ebdb7rgb(158, 189, 183)hsl(168, 19%, 68%)
35%#8aa5a0rgb(138, 165, 160)hsl(169, 13%, 59%)
30%#768e89rgb(118, 142, 137)hsl(167, 10%, 51%)
25%#637673rgb(99, 118, 115)hsl(171, 9%, 43%)
20%#4f5e5crgb(79, 94, 92)hsl(172, 9%, 34%)
15%#3b4745rgb(59, 71, 69)hsl(170, 9%, 25%)
10%#272f2ergb(39, 47, 46)hsl(172, 9%, 17%)
5%#141817rgb(20, 24, 23)hsl(165, 9%, 9%)
0%#000000rgb(0, 0, 0)hsl(0, 0%, 0%)

随机颜色生成器:设计师与开发者专用

alien

随机颜色生成器可为设计师、开发者和艺术家生成多种格式(HEX、RGB、HSL)的随机颜色。适用于创建配色方案、测试设计和项目灵感。

支持生成 HEX、RGB、HSL 格式的颜色,并可创建所选颜色的明暗变体。可一次性生成最多 100 种颜色,并支持排除重复。

非常适合网页设计师、平面设计师、开发者及所有需要在项目中使用颜色的人。生成的颜色可直接复制用于 CSS、设计软件和网页开发。

常见问题 (FAQ)

随机颜色生成器为设计师、开发人员和艺术家创建各种格式(HEX、RGB、HSL)的随机颜色。这对于创建调色板、测试设计和为项目生成灵感很有用。

该工具支持HEX、RGB和HSL格式的颜色生成,以及创建所选颜色的浅色和深色变体。您可以同时生成多达100种颜色,并可以选择排除重复。

非常适合网页设计师、平面设计师、开发人员和所有在项目中使用颜色的用户。生成的颜色可以复制并在CSS、设计程序和网页开发中使用。

是的,创建所选颜色的浅色和深色变体,显示从0%到100%的百分比变化,以创建和谐的色彩方案。

您可以同时生成多达100种颜色,并可以选择排除重复,这对于创建大型调色板很方便。
o1

多格式颜色生成

可生成 HEX(#FFFFFF)、RGB(rgb(255, 255, 255))、HSL(hsl(0, 0%, 100%))等格式的随机颜色,支持透明度。

o1

生成颜色变体

可生成所选颜色的明暗变体,显示 0%~100% 的变化,便于创建和谐配色方案。

o1

批量生成(最多 100 种)

可一次性生成最多 100 种颜色,并可排除重复,适合大规模配色方案创建。