Random Color Generator
Generate a random color with its HEX, RGB and HSL values and a live preview.
How to use the Random Color Generator
- Click Generate color.
- See a preview swatch with HEX, RGB and HSL values.
- Copy the format you need, or generate again.
About the Random Color Generator
Click once and you get a single colour drawn uniformly at random across the full RGB space, shown as a live swatch with HEX, RGB and HSL values ready to copy. Each channel is picked independently from your browser’s cryptographically secure random source, so all 16.7 million RGB colours are equally likely and nothing cycles through a preset list. Useful for design inspiration, placeholder swatches, seeding test data, or filling a mock interface with something other than grey.
Worth being straight about the limitation: uniformly random RGB does not make a palette. Real palettes are built on relationships — a shared hue, controlled saturation, deliberate lightness steps — and independent random channels ignore every one of them. Three random colours will usually clash, and a random colour is as likely to come out muddy as striking. Treat it as a starting point: take one you like and build around it with the shades generator.
The other thing random colours know nothing about is contrast. A colour can look great as a swatch and be unreadable behind body text, and accessibility guidance rests on measured contrast ratios between foreground and background, not on taste. Before shipping a random colour anywhere text sits on it, run the pair through the contrast checker.
Frequently asked questions
What formats do I get?
HEX, RGB and HSL for the same colour, plus a preview swatch. Copy whichever one your design tool or stylesheet needs.
Are the colours evenly spread?
Yes. Red, green and blue are each drawn independently across the full 0 to 255 range using the browser secure random generator, so all 16,777,216 RGB colours are equally likely.
Can it generate a matching palette?
No. Random channels produce colours with no relationship to one another, which is the opposite of what a palette needs. Pick one colour you like, then build tints and shades around it.
Will a random colour be accessible?
Not reliably. Contrast depends on a pair of colours rather than any single one, so check any colour you plan to put text on against a contrast checker before using it.
Can I lock a hue or limit the range?
No. This generator has one button and no options — every click gives a fresh, completely unconstrained random colour.