Design
Random Color Generator
Generate a random colour with its HEX, RGB and HSL values, copy the hex, and shuffle a fresh palette.
What the random color generator does
This random color generator picks a colour entirely at random and shows you its value in the three formats you actually need: HEX for CSS and design tools, RGB for screens and image editors, and HSL for reasoning about hue, saturation and lightness. A large swatch fills with the colour so you can judge it instantly, and a five-colour palette gives you a quick set of complementary options to draw from.
It is a fast way to break designer's block, find a starting accent for a website or slide deck, seed placeholder colours while prototyping, or simply explore the colour space when you are not sure what you want.
How to use it
Press Generate colour to draw a new random colour — the swatch, the HEX, RGB and HSL rows, and the palette all refresh together. Use Copy hex to put the main colour's hex code straight on your clipboard, ready to paste into your stylesheet or design app. In the palette row, click any of the five smaller swatches to copy that swatch's hex instead.
Notes on formats and contrast
HEX and RGB describe the exact same colour in different notation — #16a34a is simply
rgb(22, 163, 74) written in base 16. HSL restates it as a hue angle plus saturation and
lightness percentages, which is often easier when you want to nudge a colour lighter or more vivid.
The label on each palette swatch automatically switches between dark and light text so it stays
readable against its background. Everything runs locally in your browser.
Frequently asked questions
How do I copy the colour code?
Press Copy hex to copy the main colour, or click any of the five palette swatches to copy that swatch's hex. A short confirmation appears once it is on your clipboard.
What is the difference between HEX, RGB and HSL?
They all describe the same colour. HEX is base-16 shorthand used in CSS, RGB lists the red, green and blue channels from 0–255, and HSL expresses hue, saturation and lightness, which is handy for fine-tuning.
Can I generate a whole palette at once?
Yes. Every time you generate a colour, the five-swatch palette refreshes with a fresh set of random colours you can sample from.
Are the colours saved anywhere?
No. The generator runs entirely in your browser, so nothing is uploaded, logged or stored.
Popular searches
People reach this tool searching for:
random color generatorrandom color pickerrandom hex color generatorrandom colour generatorgenerate random colorrandom color hex