免费随机颜色生成器

全程在浏览器中运行，无需上传，无需注册。

种子颜色数

免费的随机颜色生成器，可生成 HEX、RGB 和 HSL。锁定喜欢的颜色，使用种子，并复制 CSS 输出。

颜色数 1#28b09c

Readable text#0000007.78:1 contrast

颜色数 2#cd9bc0

Readable text#0000009.05:1 contrast

颜色数 3#375336

Readable text#ffffff8.56:1 contrast

颜色数 4#e136d3

Readable text#0000005.67:1 contrast

颜色数 5#bc5074

Readable text#ffffff4.63:1 contrast

颜色数 6#ad932b

Readable text#0000006.99:1 contrast

CSS variables

:root {
  --random-color-1: #28b09c;
  --random-color-2: #cd9bc0;
  --random-color-3: #375336;
  --random-color-4: #e136d3;
  --random-color-5: #bc5074;
  --random-color-6: #ad932b;
}

CSS gradientlinear-gradient(135deg, #28b09c 0%, #cd9bc0 20%, #375336 40%, #e136d3 60%, #bc5074 80%, #ad932b 100%)

分享此工具

What is a 随机颜色生成器?

随机颜色生成器 creates fresh digital colors for design, code and creative work. It rolls independent HEX colors, converts each one to RGB and HSL, recommends readable black or white text, and lets you lock favorites before rerolling the rest. Everything runs in your browser.

使用方法

1Choose how many colors to roll. Use the color count control for anything from a single random color to a lightweight set of twelve.
2Reroll or change the seed. Click the reroll button for a fresh seed, or type your own seed to recreate the same random colors later.
3Lock favorites and copy output. Lock any swatch you want to keep, reroll the others, then copy a single format, the HEX list, CSS variables or a quick gradient.

适用人群

Front-end developers can test UI states with real CSS color values instead of placeholder names.
Designers can find unexpected accent colors before building a deliberate palette.
Game makers and creative coders can generate quick color sets for sprites, particles or procedural sketches.
Teachers and students can see how one HEX color maps to RGB channels, HSL notation and contrast.

Use this 随机颜色生成器 when you need a quick color idea, not a full harmony system. Set the number of colors, keep the seed when you want the same result again, and lock any swatch worth saving. Each color includes copyable HEX, RGB, HSL and CSS output, plus a readable text recommendation based on WCAG contrast math.

常见问题

Is this 随机颜色生成器 free?

Yes. It is free, has no sign-up and has no usage limit. Generate one color or a small set whenever you need quick CSS-ready values.

Are my colors uploaded anywhere?

No. The colors, seed and locks stay in your browser. The generator uses local JavaScript and does not send your color choices to a server.

What color formats can I copy?

Each random color includes HEX, RGB and HSL. You can also copy the whole set as a HEX list, CSS custom properties or a linear-gradient string for quick experiments.

What does the seed do?

The seed turns the random roll into a repeatable result. Use the same seed and color count to get the same color set again.

How is readable text chosen?

The tool compares each background color against black and white using the WCAG contrast ratio formula. It recommends the text color with the higher contrast.

Is this a color palette generator?

It is related, but the job is different. This page generates independent random colors. Use the color palette generator for coordinated harmonies.