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

Style

Colours

#a74ea1

rgb(167, 78, 161)

hsl(304, 36%, 48%)

#feadac

rgb(254, 173, 172)

hsl(1, 98%, 84%)

#2ce2b5

rgb(44, 226, 181)

hsl(165, 76%, 53%)

#d3bd56

rgb(211, 189, 86)

hsl(49, 59%, 58%)

#cb3194

rgb(203, 49, 148)

hsl(321, 61%, 49%)

#3b35c9

rgb(59, 53, 201)

hsl(242, 58%, 50%)

#dfd81c

rgb(223, 216, 28)

hsl(58, 78%, 49%)

#78bb5d

rgb(120, 187, 93)

hsl(103, 41%, 55%)

Client-Side Processing

Input Data Stays on Device

Instant Local Execution

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

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

Set how many colours you want

Click Generate for a new set

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