Generators

Random Color Generator

Spin up a random color and see it as a big live swatch, complete with its hex code and RGB values ready to copy.

HEX
RGB

How it works

Tap "new color" and you'll get a fresh random shade filling the swatch, along with its hex code and matching RGB values right below.

It's a quick way to break out of a color rut when you're designing — keep spinning until something catches your eye, then copy the code straight into your CSS or design tool.

The color is drawn from your browser's secure random generator across the full 16-million-color range, so every shade from muted to neon has a fair chance of turning up.

Frequently asked questions

What formats do I get?

Each color comes with both a hex code like #3A7BD5 and its RGB equivalent, and either one copies with a single tap.

Can it land on any color?

It can. The generator spans the entire 16.7-million-color space, so you'll see everything from soft pastels to bright, saturated tones.

How do I use the color in my project?

Copy the hex or RGB value and paste it wherever you need it — a CSS rule, a design tool, or a style guide. Both describe the exact same color.