Random Color Generator
Generate random colors with one click. Pick how many, lock to pastel or bright, and copy any HEX or RGB value.
About the Random Color Generator
The Random Color Generator hands you a fresh set of colors the instant you click Generate. Choose how many swatches you want — anywhere from one to twelve — and the tool paints them on screen as tidy tiles, each labeled with its HEX code and its rgb() value. Every value is a click away from your clipboard, so you can drop it straight into CSS, a design file, a spreadsheet, or a chat with a teammate. There's no sign-up, no waiting, and no limit on how many times you can roll the dice.
Random color is one of those small tasks that shows up constantly. You might be picking a placeholder background, seeding a chart's category colors, brainstorming a brand palette, choosing a highlight for a UI state, or just breaking out of a creative rut where every idea keeps landing on the same tired blue. Generating colors by hand — remembering hex digits, guessing which numbers make a pleasant shade — is slow and biased toward whatever you already know. Letting the machine roll truly arbitrary values surfaces combinations you'd never reach for on your own, which is exactly what makes it useful for inspiration.
To keep the results usable, the tool offers a Style option. Any color draws from the full spectrum with no constraints. Pastel biases every channel toward the lighter end, producing the soft, muted, easy-on-the-eyes tints that suit backgrounds, cards, and gentle UI accents. Bright guarantees at least one strong channel so you get bold, saturated, high-energy colors that pop against neutral layouts. Switch styles any time and hit Generate again to see a new batch in that flavor.
How to use
- Pick a count. Use the "How many" dropdown to choose between 1 and 12 colors. It defaults to 5.
- Choose a style (optional). Leave it on "Any color" for the full range, or lock it to Pastel for soft shades or Bright for vivid ones.
- Click Generate. A fresh set of swatches appears instantly. A starter set is already generated when the page loads, so you can begin right away.
- Copy a value. Click the HEX line or the
rgb()line under any swatch to copy that exact value to your clipboard — a checkmark confirms it worked. - Roll again. Keep clicking Generate until a palette clicks. Each click replaces the current batch with new colors.
Frequently asked questions
How random are the colors?
They're generated with your browser's built-in Math.random(), which produces well-distributed pseudo-random values — more than enough for palettes, mockups, and inspiration. Every channel (red, green, and blue) is rolled independently, so across the full range you'll see the entire color spectrum over enough clicks. The Pastel and Bright styles simply nudge those rolls toward lighter or more saturated values.
What's the difference between the Pastel and Bright styles?
Pastel keeps every color channel high, which lightens and softens the result — think chalky, gentle tones that work well as backgrounds or subtle accents. Bright forces at least one channel to a strong value, producing saturated, punchy colors that stand out. "Any color" applies no bias at all, so you get everything from near-black to near-white and every hue in between.
Can I copy the RGB value, not just the HEX?
Yes. Each swatch shows both its HEX code (like #3fa9c2) and its rgb() string (like rgb(63, 169, 194)). Click whichever one you need and it's copied to your clipboard. This makes it easy to paste into CSS, JavaScript, image editors, or design tools that expect one format or the other.
Why do the colors change every time I load the page?
The tool generates a starter set the moment it loads so you never stare at an empty screen, and every click of Generate rolls a brand-new batch. Nothing is remembered between visits — there's no saved history — so each session begins fresh. If you find a color you love, copy it before generating again.
How many colors can I generate at once?
Between 1 and 12 per batch, selected from the "How many" dropdown. There's no cap on total generations, so if you need a big palette you can generate several batches of 12 and collect the ones you like.
Are my generated colors sent to a server?
No. Everything happens locally in your browser using client-side JavaScript. No colors, clicks, or copied values are uploaded anywhere, and the tool keeps working even if your connection drops after the page has loaded. Copy actions talk directly to your browser's clipboard and go no further.