Random Color Generator
Generate random colours in hex, RGB and HSL.
How to use
- 1 Set how many colours you want (1–100).
- 2 Click Generate colours to draw a fresh batch.
- 3 Copy an individual hex value, or use Copy all hex for the whole set.
- 4 Press Generate again any time for new colours.
About Random Color Generator
The Random Color Generator invents fresh colours on demand and shows each one as a hex code, an rgb() string and an hsl() string.
It is the fastest way to break a creative block: when you cannot decide on a background, a button colour or a chart palette, generate a batch of swatches and let an unexpected combination spark an idea.
Designers, front-end developers, illustrators and anyone choosing a theme can use it to explore the full colour space without endlessly nudging sliders.
Choose how many colours you want — anything from a single pick to a grid of one hundred — then press Generate.
Each swatch is rendered as a real colour tile so you can judge it at a glance, with its hex value beside a copy button and its rgb() value underneath.
A Copy all button grabs every hex code as a newline-separated list, handy for pasting straight into CSS, a design token file or a spreadsheet.
The colours are drawn from the browser’s Web Crypto random source, so the distribution is even across the spectrum rather than biased toward any particular hue.
Like every My Tools Garage tool it runs entirely in your browser.
Nothing is uploaded or tracked, generation is instant, and it keeps working offline once the page has loaded, so you can brainstorm palettes anywhere.
FAQ
In what formats are the colours shown?
Each colour is shown as a hex code and an rgb() string, with its hsl() value computed too, so you can paste straight into CSS or a design tool.
How many colours can I generate at once?
You can generate between 1 and 100 colours in a single batch, displayed as a grid of swatches.
Are the colours truly random?
They are drawn from the browser’s cryptographic random source, giving an even spread across the colour space rather than a predictable pattern.