Randomly

Random color generator

Generate a random palette and copy each color as HEX, RGB or HSL. Each channel is drawn with crypto-grade randomness.

Output · 0 colors

HEX

Colors are generated with cryptographically strong randomness across the full RGB space. Tap any swatch to copy it in the selected format.

Seed ·
Formats
HEX · RGB · HSL
Palette
1–10

Related tools

Things to draw

Random sketch prompts for art warm-ups and challenges.

Geometric shapes

Random compositions of shapes, downloadable as clean SVG.

Random superpower

Draw a random superpower for characters and what-ifs.

Guides

This random color generator picks red, green and blue values from 0 to 255 independently, so any of the 16,777,216 RGB colors can come up. Choose 1 to 10 colors, pick a copy format (HEX, RGB or HSL), and tap a swatch to copy its value. Copy all grabs the whole palette, one value per line. It all runs in your browser.

How to generate random colors

  1. Set the Colors slider: 1 for a single accent, up to 10 for a palette. A new set appears when you change it.
  2. Choose HEX, RGB or HSL under Copy format. The swatch labels switch to match.
  3. Tap a swatch to copy that value, or use Copy all for every color.
  4. Click Regenerate for a fresh palette.

HEX, RGB, and HSL: which format to use?

HEX (#RRGGBB) is what most CSS and design tools such as Figma expect. RGB spells out the three channels, 0 to 255 each, which suits canvas and image code. HSL gives hue in degrees (0 to 360) plus saturation and lightness as percentages, so it's the easiest to tweak by hand: change the lightness and the hue stays put. This tool rounds HSL to whole numbers, so converting an HSL value back to HEX can land a shade off.

When a random color generator is useful

  • Grabbing an accent or background color to test a component.
  • Breaking out of the same five colors you always pick.
  • Placeholder series colors for a chart prototype.
  • A starting point for an illustration or a mood board.

Frequently asked questions

How random are the generated colors?

Each channel comes from crypto.getRandomValues with rejection sampling, so every value from 0 to 255 is equally likely and all 16,777,216 colors have the same chance.

Can I generate a harmonious color palette rather than fully random colors?

No. Each color is picked on its own, so a palette can clash. Use it as raw material and adjust hue or saturation in your design tool.

How do I copy a color value?

Tap the swatch. You get the value in whichever format is selected under Copy format.

What is the difference between HEX and RGB color formats?

Same information, different notation. #FF8000 and rgb(255, 128, 0) are the same orange.

Built and maintained by Bipul Kumar. Found a wrong number or a broken result? Tell me and I'll fix it.