WebToolsPlanet
Color Tools

Random Color Generator

Generate random colours in HEX, RGB, and HSL — pick a style, set how many you want, and copy them with one click.

HEX / RGB / HSLPalettesBrowser basedFree

Last updated: May 30, 2026

Client-Side Processing
Input Data Stays on Device
Instant Local Execution
Something wrong with this tool? Report it

Find this tool useful? Support the project to keep it free!

Buy me a coffee

What is Random Color Generator?

The Random Color Generator creates random colours and shows each one in HEX, RGB, and HSL at once. You can generate a single colour or a whole palette of up to 64, and constrain the look with styles: vibrant, pastel, light, or dark.

It is handy for finding fresh colour ideas, filling in placeholder values, or building a quick palette without leaving the browser. Every colour is generated locally — nothing is sent to a server.

How to Use Random Color Generator

1

Choose a style (Any, Vibrant, Pastel, Light, or Dark)

2

Set how many colours you want

3

Click Generate for a new set

4

Copy a single HEX value, or copy all of them at once

Common Use Cases

  • Finding a starting colour or palette for a website or graphic.
  • Generating placeholder colours for mockups and prototypes.
  • Exploring vibrant or pastel schemes for branding ideas.
  • Picking random dark or light background colours for UI themes.

Example Input and Output

Generate a vibrant palette and copy the HEX values.

Settings
Style: Vibrant · Colours: 4
Sample output
#e63946, #2a9d8f, #e9c46a, #264653

How This Tool Works

For each colour the tool picks random HSL values within the chosen style's range (or random RGB for Any), converts to RGB, and formats the result as HEX, RGB, and HSL — all in the browser.

Technical Stack

TypeScriptHSL/RGB conversionWeb randomClient-side processing

Styles

Vibrant and Pastel adjust saturation; Light and Dark adjust lightness. Any gives fully random RGB.

Privacy

All colours are generated client-side — nothing leaves your browser.

Frequently Asked Questions

What formats are shown?

Every colour is displayed as HEX, RGB, and HSL so you can copy whichever your project needs.

What do the styles do?

They constrain saturation and lightness — Vibrant is bold, Pastel is soft, Light and Dark control brightness, and Any is fully random.

How many colours can I generate?

From 1 up to 64 at a time. Use a small count for a single pick or a larger one for a palette.

Are the colours truly random?

They use your browser's random number generator, reseeded each time you click Generate.

Is anything uploaded?

No. Colour generation happens entirely in your browser.

Related Tools

Part of a Collection