Random Color Generator

Generate Random Colors

Choose how many colors to show, from one to twelve, then press Generate Colors. Each result appears as a color swatch with its HEX and RGB values.

Use the Results in a Project

Try a generated color as a starting point for a website, illustration, presentation, or game. Copy one HEX or RGB value, or use Copy All HEX or Copy All RGB to copy the full set, one value per line. Generate again for a new set of ideas.

Random colors are a creative prompt. Check text contrast and accessibility before using a color in a finished interface.

HEX and RGB Explained

A six-digit HEX color starts with # and uses numbers 0 to 9 and letters A to F, such as #336699. RGB describes the same kind of color with separate red, green, and blue values. Both formats are common in web design and many drawing tools.

For example, color: #336699; and color: rgb(51, 102, 153); set the same CSS text color. The copy buttons provide values in these formats.

Build a Palette That Works

Random colors can give you a starting point, but colors that look interesting alone may not work well together. Try choosing one main color, one quieter supporting color, and a color for small accents. Put them next to real text and images before deciding.

Make sure text is easy to read against its background. A pale color may need dark text; a dark color may need light text. Check contrast with an accessibility tool before publishing a design.