Random Color Generator: HEX Palettes
This random color generator creates a fresh set of colors every time you press the button or the space bar. Choose how many colors you want, from three to ten, lock the ones you like so they stay put, and keep generating until the palette feels right. Every color shows its HEX, RGB and HSL values, a click copies the code, and you can download the palette as CSS variables. It is handy for design ideas, art, logos, slides and websites, and everything runs in your browser.
Random Color Generator
Generate random colors and palettes. Lock favorites and copy HEX codes.
How to use the Random Color Generator
- Choose how many colors you want.
- Press Generate colors or tap the space bar.
- Lock any color you like so it stays while the others change.
- Click a swatch to copy its code, or copy all HEX codes or download CSS.
Features
- Random palettes of 3 to 10 colors
- Space bar for quick generating
- Lock the colors you like
- HEX, RGB and HSL for each color
- CSS variables to copy or download
- History of recent palettes
Frequently asked questions
How does the random color generator work?
It picks a random hue, saturation and lightness for each color, within ranges that avoid washed-out or nearly black colors, so most results look usable.
Can I keep one color and change the rest?
Yes. Press Lock under a color and it stays the same when you generate again.
How do I copy a color code?
Click a swatch to copy its HEX code, or use Copy HEX codes to copy the whole palette.
How can I use the palette in CSS?
Download the CSS file or copy the variables from the box, then paste them into your stylesheet and use them with var(--color-1) and so on.
Will I get the same colors twice?
Almost never, because there are millions of possible colors. If you like a palette, click it in the history list to bring it back.