What color formats do I get?

Every color is shown as a HEX code (like #4F46E5), an RGB value and an HSL value, each ready to copy into CSS, Figma or any design tool.

What is the difference between “Pleasant” and “Any color”?

“Any color” picks each of the 16.7 million RGB colors with equal chance, which often gives muddy tones. “Pleasant” keeps saturation and lightness in a range that tends to look good together.

Can I keep a color I like?

Press the color's Copy button to copy its HEX code. Generating a new palette replaces all colors, so copy the ones you want first.

Can I show the palette fullscreen?

Yes. Press “Fullscreen” at the top of the tool and the color swatches fill the screen, which is handy when presenting ideas. Press Esc or “Exit fullscreen” to go back.

Random Color Generator – HEX, RGB & HSL Codes

What is a random color generator?

A random color generator creates colors by chance and shows their codes so you can use them right away. It is a quick source of inspiration when you are designing a website, a logo, a presentation, a room or a piece of art and don't know where to start. Generate one color or a whole palette, keep the ones you like, and generate again.

How to use it

Colors: choose a single color, a 5-color palette or 10 colors.
Style: choose what kind of colors you want (see below).
Press Generate. Each swatch shows its HEX, RGB and HSL codes.
Press Copy under a swatch to copy its HEX code, ready to paste into CSS, Figma, Canva, PowerPoint or any design app.

Fullscreen: press Fullscreen at the top of the tool to show the palette large, which helps when presenting color ideas to a client or a class. Press Esc to go back. With 🎨 Colors & effects you can set your own background and button colors.

The four styles

Pleasant: random hue with medium-to-strong saturation and medium lightness. These colors usually look good and work well together. This is the best place to start.
Pastel: soft, light colors, good for backgrounds, baby and wedding designs, and calm interfaces.
Dark: deep, muted tones, useful for dark-mode backgrounds, headers and moody designs.
Any color: picks one of all 16,777,216 RGB colors with equal chance. It's truly random, so expect plenty of browns, greys and murky tones, and the occasional gem.

HEX, RGB and HSL explained

HEX (for example #4F46E5) is the most common way to write a color on the web. The three pairs of characters are the red, green and blue amounts, each from 00 to FF.
RGB (for example rgb(79, 70, 229)) gives the same red, green and blue amounts as numbers from 0 to 255.
HSL (for example hsl(243, 75%, 59%)) describes a color the way people think about it: hue (where it sits on the color wheel, 0–360°), saturation (how vivid it is) and lightness (how light or dark). It is the easiest format for adjusting a color by hand, for example making a lighter version for a hover effect.

When to use random colors

Web and app design: Find an accent color or a starting palette, then fine-tune it.
Art and illustration: Set yourself a challenge to paint or draw using only the generated palette.
Branding and presentations: Explore color directions quickly before settling on brand colors.
Games and classrooms: Assign random team colors, or play a “name this color” game.
Home and crafts: Get ideas for knitting, quilting, or room color combinations.

Tips for using a palette

Many designers use the 60-30-10 rule: one main color for about 60% of the design, a second for 30%, and an accent color for the last 10%.
Always check text contrast. Dark text on pastel colors and white text on dark colors are usually easy to read.
Copy the colors you like before pressing Generate again, because a new palette replaces all of them.

Need a random letter or number instead? Try the random letter generator or the random number generator.

Random Color Generator