Random Color Generator

One click for a random color or a matching palette – with codes ready to copy.

Tip: press the space bar to generate.

spinpickplay.com

Mode

Tap the lock on a color to keep it when you generate again.

Recent colors

Generated colors will appear here.

Random colors for design, art and games

The random color generator gives you a completely random color with its HEX, RGB and HSL codes, or a palette of five colors that work together. Press Generate or tap the space bar as many times as you like.

In palette mode, pick a harmony – analogous, complementary, triadic or monochrome – and lock the colors you want to keep while the others change. Click any swatch to copy its HEX code. Your last palette and recent colors are remembered in this browser only.

How to use

  1. Choose Single color or Palette.
  2. For palettes, pick a harmony (or keep it random).
  3. Press Generate or the space bar.
  4. Tap the lock on a swatch to keep it; click a swatch or a code to copy it.
  5. Recent colors stay in the history – click one to copy it again.

Ideas for using it

  • Design inspiration. start a website, logo or slide deck from a fresh palette.
  • Art challenges. draw or paint using only the five generated colors.
  • Classroom. teach color theory: what do complementary or analogous colors look like?
  • Games. “find something in the room that is this color” – a quick game for kids.

HEX, RGB and HSL in plain words

  • HEX – a six-character code like #3D58FF used in web design; pairs of characters stand for red, green and blue.
  • RGB – the same color as three numbers from 0 to 255 for red, green and blue.
  • HSL – hue (0–360° around the color wheel), saturation and lightness in percent; handy for making lighter or darker versions.

In single-color mode every one of the 16.7 million RGB colors (256 × 256 × 256) can come up. Palette harmonies keep saturation and lightness in a pleasant range so the colors look good together.

Frequently asked questions

How random are the colors?

In single-color mode, red, green and blue are each picked uniformly from 0 to 255 with the Web Crypto API, so all 16,777,216 colors are possible. Palettes start from a random hue and then follow the harmony you chose.

What do the harmonies mean?

Analogous uses neighboring hues, complementary pairs opposite hues, triadic spaces three hues evenly around the wheel and monochrome uses one hue in different lightness levels.

How do I keep a color I like?

In palette mode, tap the lock icon on that swatch. Locked colors stay when you generate again.

Can I use the colors commercially?

Yes. Colors themselves are free for anyone to use.

Is my history saved?

Only in this browser, so the page remembers your last palette. Nothing is uploaded.