Generators
Random color generator
Generate truly random colors, or narrow them down by hue and style, then lock the ones you like and copy them in any format.
or press the space bar
Copy all
Want colors that follow harmony rules instead? Try the color palette generator.
Colors are drawn with your browser’s cryptographically secure random number generator.
Works in your browser. No account needed.
Frequently asked questions
Are the colors really random?
Yes. The tool uses your browser’s cryptographically secure random number generator (crypto.getRandomValues) instead of Math.random. With the Any color style and all hues, every one of the 16,777,216 possible HEX colors is equally likely. With a style or hue range, the hue, saturation and lightness are each picked at random inside that range.
What do Pastel, Vivid, Dark and Muted mean?
Each style keeps saturation and lightness in a set band of the HSL color model. Pastel colors are light and softly saturated. Vivid colors are fully saturated at medium lightness. Dark colors have low lightness, and Muted colors have low saturation, so they look grayish and calm. Grayscale removes saturation completely and only varies lightness.
How is this different from the color palette generator?
This tool picks colors at random within the limits you set, so it can give you anything from one surprise color to a varied set. Our color palette generator starts from color harmony rules such as analogous or triadic, so its five colors are always related. Use this page for random picks, test data, game ideas or inspiration, and the palette generator for coordinated designs.
What does Spread hues evenly do?
Without it, each color gets its own random hue, so two colors in a set can land close together. With it, the hues are spaced evenly around the wheel, or across your chosen range, from a random starting point with a little jitter. That gives a set of clearly distinct colors, which is useful for chart series, labels and team colors.
Which format should I copy: HEX, RGB or HSL?
All three describe the same color. HEX is the most common in CSS and design tools. RGB is handy when a program asks for three numbers from 0 to 255. HSL is the easiest to adjust by hand, because you can change lightness or saturation without changing the hue. Every modern browser accepts all three in CSS.
Is anything saved or sent anywhere?
No. Colors are generated in your browser, and the history of previous sets exists only while the page is open. Nothing is sent to a server or stored after you close the tab.
About this tool
This random color generator gives you between 1 and 12 random colors at a time, with each shown as a large swatch labeled in HEX, RGB or HSL. Leave the settings alone for completely random colors, or narrow things down. Choose a style such as pastel, vivid, dark, muted or grayscale, or a hue family such as blues or greens, or drag a custom hue range. Lock any color you like and it stays put while the rest are re-rolled, and your last ten sets stay in a history row until you close the page.
The randomness comes from crypto.getRandomValues, the secure generator browsers use for encryption keys, rather than Math.random. In the default mode a single random number picks one of the 16,777,216 HEX colors, each equally likely. When you add limits, the tool draws hue, saturation and lightness at random inside the ranges for that style. Exact duplicates within a set are re-drawn. Everything happens on your device.
People use random colors for many things: breaking out of a design rut, picking a color for a drawing challenge, giving each series in a chart or each player in a game its own color, filling test data and placeholder avatars, or just seeing a color they would never have chosen. The Spread hues evenly option helps whenever the colors need to be told apart, because it spaces the hues evenly instead of letting two land side by side.
A tip for design work: generate with the Any color style until one swatch catches your eye, then lock it. Switch the style to Muted or Pastel and keep generating to find calmer companions for it. When you need colors that follow a formal harmony rule, such as complementary or triadic, use the color palette generator instead.
Related tools
- All generators tools
- Color palette generator
- Color Picker
- CSS Gradient Generator
- Random Number Generator
- Random Word Generator
- Random Letter Generator