Random Colour Generator

Generate random colors with HEX, RGB and HSL codes in one click — free color generator.

About

About the Random Colour Generator

Generates a random colour and shows it as a swatch with HEX, RGB and HSL values, each with a one-click copy button.

Designers use it to get an unbiased colour to kick off a design exploration, while developers use it for quick placeholder colours when testing a UI. It's one of many free designer tools on Toolapt, and like every tool here, it's free to use with no sign-up and no limit on how many times you run it.

Choose what to view about this tool

Guide

Using the Random Colour Generator

  1. 1

    Step 1

    Click "Generate" to get a random colour (one is generated automatically when the page loads).

  2. 2

    Step 2

    Look at the swatch to preview the colour.

  3. 3

    Step 3

    Click "Copy" next to HEX, RGB or HSL to copy that format.

  4. 4

    Step 4

    Click "Generate" again for a new random colour, or "Clear" to reset.

  • Uses the browser's cryptographically secure random source (crypto.getRandomValues), not a predictable formula
  • Shows the colour as a large preview swatch alongside its exact values
  • Provides the same colour in three formats at once — HEX, RGB and HSL
  • One-click copy button next to each format
  • Generates a fresh random colour automatically when the page first loads
  • Works entirely in your browser — no installs and no sign-up
  • Free to use, with no limit on how many times you run it
  • Fully responsive, so it works just as well on a phone as on a desktop

Designers

Designers use the Random Colour Generator for an unbiased colour to kick off a design exploration.

Developers

Developers use the Random Colour Generator for quick placeholder colours when testing a UI.

Illustrators and hobbyist artists

Illustrators and hobbyist artists use the Random Colour Generator for a starting colour to build a palette around.

Anyone playing a colour-guessing game

Anyone playing a colour-guessing game uses the Random Colour Generator for a genuinely unpredictable colour to guess.

Examples

Random Colour Generator examples

2 worked examples

01

A random accent colour

Click Generate and get a colour like #fdb44b shown as a swatch, alongside the same warm amber written as rgb(253, 180, 75) and hsl(35, 98%, 64%), each with a one-click copy button. Click again for a new colour every time.

02

Same colour, three formats

One generated colour might show as #2b9cb6 in HEX, rgb(43, 156, 182) in RGB and hsl(191, 62%, 44%) in HSL — all three describe the exact same teal, so you can copy whichever format your stylesheet needs.

Related tools

Colour Shades and Tints Generator

Generate a range of tints and shades from a base colour, with HEX codes ready to copy.

Use it

Box Shadow Generator

Design a CSS box-shadow with sliders for offset, blur, spread, colour and opacity, and copy the code.

Use it

Border Radius Generator

Set each corner's CSS border-radius with sliders, preview the shape and copy the shortest CSS.

Use it

Colour Palette Generator

Build a palette from a base colour using classic colour-wheel relationships.

Use it

Colour Converter

Convert between HEX, RGB, HSL, HSV and CMYK. Named CSS colours work too.

Use it

Colour Blindness Simulator

Preview a photo as it might look under common types of colour vision deficiency.

Use it

FAQ

Frequently asked questions

Quick answers to common questions about the Random Colour Generator.

What does the Random Colour Generator do?

It generates a random colour and shows it as a swatch alongside its HEX, RGB and HSL values, each copyable with one click.

Is the Random Colour Generator free to use?

Yes. It's free, with no sign-up, no watermark and no limit on how many times you use it.

Is my input safe when I use this tool?

Yes. The colour is generated entirely on your own device — nothing is sent to a server.

Is the colour cryptographically secure?

Yes. Each of the red, green and blue channels is chosen using your browser's crypto.getRandomValues API, not Math.random() or another predictable formula.

What's the difference between HEX, RGB and HSL?

They're three ways of expressing the exact same colour — HEX is a 6-digit code, RGB gives red/green/blue values from 0-255, and HSL gives hue/saturation/lightness. Pick whichever your project or stylesheet uses.

Can I choose a colour instead of a random one?

No — this tool is specifically for generating a random colour. For choosing and exploring specific colours, see the Colour Palette Generator or Colour Shades and Tints Generator instead.

Can I use the Random Colour Generator on my phone?

Yes. The page is fully responsive and works on mobile, tablet and desktop browsers alike.

Does the Random Colour Generator have any limitations?

It generates one fully random colour at a time from the whole RGB colour space, with no way to bias it toward a particular hue or tone.

Still have a question? Contact us

Report a problem

Random Colour Generator

What went wrong?
    or paste a screenshot