Random Color Generator

What this tool does

Random Color Generator creates any number of random colours at once and shows each one as a swatch with its hex code ready to copy. Colours are built in the OKLCH colour space rather than plain RGB, so lightness and chroma stay perceptually even across a batch instead of clustering around muddy mid-tones. Lock the hue to a slice of the colour wheel, or restrict the whole batch to pastel, vivid or dark tones, to get palettes that already look intentional.

Designers, developers and anyone sketching a UI often need a handful of colours that are different from each other without being jarring. Picking them one at a time in a colour wheel is slow, and a plain RGB random generator tends to produce washed-out or overly dark results because it treats red, green and blue as equally important to how bright a colour looks. This tool instead samples in OKLCH, a colour space built around how humans actually perceive lightness, so a "light" setting genuinely looks light across every hue.

Every generated colour comes with its hex code and a one-click copy button, and the tone presets (pastel, vivid, dark) and hue lock give you just enough control to steer the output toward a specific mood without hand-picking every value.

How to use Random Color Generator

1. Set how many colours you want in the batch, from a single swatch up to 500.
2. Pick a tone: Any for a broad spread, Pastel for soft light colours, Vivid for saturated colours, or Dark for deep, low-light colours.
3. Optionally turn on "Lock hue range" and set a from/to angle on the 0-360 colour wheel to stay within a family, such as blues and teals.
4. Turn on "Avoid near-duplicates" if you want every swatch to look clearly distinct from the others.
5. Press Generate to produce the batch, then click any swatch's copy button to grab its hex code, or copy the whole list at once.

Tips for better results

• Narrow hue locking to a 30-60° range when you need a monochromatic-feeling set rather than a rainbow.
• Pastel and Dark presets are good starting points for backgrounds, while Vivid works well for accents, tags and charts.
• Turning on "Avoid near-duplicates" is worth it once your batch size gets past about 10, since random sampling alone can place two colours very close together by chance.
• If you need the exact RGB, HSL or OKLCH numbers rather than just hex, open the Color Converter tool with a swatch's hex code pasted in.

Common use cases

• Generating a quick set of placeholder brand or tag colours while prototyping a design.
• Building categorical colour scales for charts where each series needs a visually distinct colour.
• Picking a cohesive accent palette by locking the hue range to a theme colour's neighbourhood.
• Creating randomized test fixtures for a design system or colour-picker component.

Common mistakes to avoid

• Using a plain RGB random generator and ending up with mostly dull, brownish colours; sampling in OKLCH avoids this by keeping lightness and chroma controlled independently of hue.
• Forgetting that two randomly sampled colours can be nearly identical to the eye even with different hex codes; enable "Avoid near-duplicates" rather than eyeballing a large batch.
• Expecting a wide hue lock range (like 0-360) to behave differently from "Any"; a full-circle range is the same as no lock at all.
• Assuming the hex codes alone meet accessibility needs; always check contrast separately with a tool like Contrast Checker before using a colour for text.