Random Color Generator

Generate random colors, lock the ones you like, build a palette.

A free online random color generator — HEX, RGB, and HSL for every color, with a lock to keep favorites while you keep generating. No signup, runs entirely in your browser.

or press space

What does a random color generator do?

A random color generator picks colors at random and shows them in every common format — HEX, RGB, and HSL — so you can grab whichever one your project needs. Locking a swatch keeps it fixed while the rest regenerate, which turns pure randomness into a practical way to build a small palette one keeper at a time.

HEX vs RGB vs HSL

HEX (#3b82f6) and RGB (rgb(59, 130, 246)) both describe a color by its red, green, and blue light components — HEX is just a compact base-16 encoding of the same three numbers. HSL (hsl(217, 91%, 60%)) describes hue, saturation, and lightness instead, which maps more closely to how people intuitively think about color and makes it easy to predictably lighten, darken, or desaturate a color by adjusting one number.

Building a palette with locking

Generate a batch, lock the swatch you want to keep, then hit Generate again — only the unlocked swatches change. Repeat until every swatch is one you're happy with. It's a faster way to land on a palette than generating one color at a time from scratch.

Common uses

Quick placeholder colors while prototyping a UI, inspiration for a brand or illustration palette, generating test data for a design system, or just picking a color for something when you don't have a strong preference.

Frequently asked questions

Click Generate (or press the spacebar) — a new random color appears with its HEX, RGB, and HSL values. Click Copy next to any format to copy it.

Yes — click the lock icon on any swatch in your palette to keep it fixed. Generating again only replaces the unlocked swatches, which is useful for building a palette one color at a time.

HEX (#3b82f6) and RGB (rgb(59, 130, 246)) describe a color by its red, green, and blue components — HEX is just a more compact way of writing the same values. HSL (hue, saturation, lightness) describes color more the way people think about it — which hue, how vivid, how light or dark — and is often easier to adjust predictably.

No. Every color is generated locally in your browser with JavaScript — nothing is ever sent anywhere.