Random Color Generator
Generate a set of random colors as hex and rgb swatches, then copy any one or the whole set.
Random colors
Generated on your device. Nothing is sent or stored.
Style
Amount
Changing the amount or style draws a fresh set of colors.
How to generate random colors online
Open the generator
A set of random colors appears the moment the page loads, each shown as a swatch with its hex and rgb values.
Set the look
Choose how many colors you want and switch between an open mix, soft pastels, or bold vivid tones.
Copy what you need
Click a swatch to copy its hex, click its rgb line to copy that, or use copy all to take the whole set, then regenerate for a fresh batch.
Why use this tool
A full set at once
Each regenerate fills the grid with a fresh batch of colors, three to ten at a time, instead of one color you have to reroll over and over.
Hex and rgb together
Every swatch shows its six-digit hex code and its rgb values side by side, and both are one click to copy.
Pastel and vivid modes
Constrain the batch to soft pastel tints or bold vivid tones, or leave it open across the whole color wheel.
Copy one or copy all
Click any swatch to copy its hex, click the rgb line to copy that value, or grab every hex in the set with a single button.
Genuinely random
Colors come from a secure random source, so the set is unpredictable and different on every regenerate.
Runs entirely in your browser
Everything happens on your device; nothing is uploaded.
About this tool
This random color generator fills a grid with a fresh set of colors every time you open it or press regenerate. Each swatch shows both its six-digit hex code and its rgb values, and every value is one click to copy, so you can grab a single color or the whole set at once.
The colors are drawn from a secure source of randomness, not a predictable sequence, so two visits will not hand you the same batch. By default it spreads colors across the whole wheel at usable saturation and lightness. Switch to pastel for soft, light tints, or vivid for bold, saturated tones, when an open mix is not what you are after. You choose how many colors to draw, from three up to ten.
Reach for it when you need a starting point rather than an exact color: a placeholder swatch, a random accent for a chart series, a nudge toward a brand direction, or test data for a layout that expects color values. Because the output is plain hex and rgb, it pastes straight into CSS, a design tool, or a spreadsheet.
Everything runs on your device, so nothing you generate is uploaded or logged. To build a coordinated scheme instead of a random one, use the color palette generator; to restate a color in HSL or other notations, try the color converter; and to blend colors into a background, open the gradient generator.
Frequently asked questions
- How are the colors generated?
- Each color starts from a random hue across the full color wheel, then gets a saturation and lightness picked from a usable band so the result is a real, workable color rather than pure noise. The randomness comes from your browser secure random source, so the batch is unpredictable.
- What color formats do I get?
- Every swatch is shown as a six-digit hex code (like #3B82F6) and as rgb values (like rgb(59, 130, 246)). Click the swatch or the hex line to copy the hex, click the rgb line to copy the rgb, or copy every hex in the set at once.
- What do pastel and vivid do?
- Pastel keeps the colors light and gently saturated for soft tints, while vivid pushes saturation up and lightness to a mid level for bold, punchy tones. The open mix mode spreads colors across a wider range so you see a bit of everything.
- How many colors can I generate?
- You can draw three, five, eight, or ten colors at a time, with five as the default. Press regenerate to replace the whole set with a new random batch in the same style.
- Are two colors in a set ever the same?
- Each color is drawn independently, so an exact repeat within one set is extremely unlikely but not blocked outright. If you want a coordinated, non-repeating scheme built from a single base color, the color palette generator is a better fit.
- Is my data uploaded anywhere?
- No. Everything runs in your browser; nothing is sent to a server. The colors are generated on your device and are never uploaded, stored, or logged.
Related tools
Color Palette Generator
Build a color palette from a base color or an image, then copy the hex values.
Color Converter
Type or pick a color and get HEX, RGB, HSL, HSV, and CMYK side by side, with a live swatch preview.
CSS Gradient Generator
Design linear, radial, and conic CSS gradients with custom color stops, per-stop transparency, and copy the code.
Analogous Color Generator
Turn any base color into a three swatch analogous palette by rotating its hue.
Aspect Ratio Calculator
Solve the missing width or height for any aspect ratio, from 16:9 to a custom shape.
CSS Box Shadow Generator
Dial in a CSS box-shadow with live preview and copy the exact code.