Random Color Generator

Generate random colors in hex, RGB, and HSL with one click or auto-generate on lock.

Click 🔒 to lock a color, then regenerate

🔓
🔓
🔓
🔓
🔓

Related Tools

🎨
Color Palette Generator
Generate harmonious color palettes — complementary, analogous, triadic, and more.
 🎨
Color Converter
Convert between HEX, RGB, HSL and OKLCH, check WCAG contrast ratios, and generate a tonal shade strip.
 🎨
Color Contrast Checker
Check text and background color contrast against WCAG accessibility levels.

0 comments

How it works

Click Generate to get a new random color, or generate a palette of 5 random colors at once. Lock any color you want to keep, then regenerate to randomise only the unlocked slots. Each color is shown with its hex code, RGB, and HSL values. Click any value to copy it. Colors are generated using the browser's Math.random() and converted across formats locally — nothing is sent to a server.

Common use cases

  • Getting a starting point for a color palette when you have no preference.
  • Quickly generating test colors for a UI prototype.
  • Finding a random accent color to see how it looks in a design.

Frequently asked questions

Are the colors truly random?

Colors are generated using JavaScript's Math.random(), which produces pseudorandom numbers. They are not cryptographically random, but are perfectly suitable for color picking.

Can I generate only pastel or dark colors?

The tool generates fully random colors across the full hue and lightness range. Use the HSL lightness value to manually pick or filter by brightness.