Random Color Generator

Every color is a standard six digit hex code in lowercase, like #3f8ec2, made from red, green and blue channels of 00 to ff. That format drops straight into CSS, design tools and most code editors.

Each of the three channels is drawn independently from your browser's built in random function, then scaled to a 0 to 255 value and written as hex. Because all three vary freely, any of the roughly 16.7 million RGB colors can appear.

Between 1 and 24 swatches. The field is capped at 24 so a stray large number cannot flood the page, and typing anything above it, or a zero, snaps back into that range.

The tool measures the perceived brightness of the featured color using the standard luminance weights and picks black text on light colors and white text on dark ones, so the code stays legible on any background.

Not in this tool. It draws fully random colors with no hue, saturation or lightness filter, and it does not pin a swatch between clicks. Copy any code you want to keep before you generate again.

That is intended. Each click of Generate draws new random values for the featured color and every swatch, so you can keep rolling until a combination appeals to you.

No. Each swatch is independent, so a palette is a spread of unrelated colors rather than a harmonized scheme. For matched tints or a gradient, a dedicated shades or gradient tool is a better fit.

Yes. Colors are generated entirely in your browser with no network calls, so nothing about what you generate is sent anywhere and the tool keeps working with no connection.

Only if you copied its hex code. The generator does not save a history, so once you click Generate the previous set is replaced. Paste a saved code into any design tool to reuse it exactly.