Random Colour Generator
Make random colours in HEX, RGB, HSL, and CMYK. Use them for design projects and colour ideas.
Choose your options and press Generate to create random colours.
Advanced Options
Random Colour Generator: Professional Design Tool for Instant Colour Creation
Created & reviewed by Chad Solomon
Last reviewed 12 June 2026
A random colour generator picks colours for you. It saves you from getting stuck on which colour to use. The tool gives you exact colour codes in HEX, RGB, HSL, and CMYK. You can drop these codes straight into web design, graphic design, and print work.
The tool offers five colour schemes. Warm colours lean to reds and oranges. Cool colours lean to blues and greens. Bright colours are bold and vivid. Pastel colours are soft and light. Any colours pulls from the full range. Pick the one that fits your design.
Multi-Format Colour Output
The tool gives you four formats. Use HEX for web and CSS. Use RGB for screens. Use HSL when you want to tweak a colour by hand. Use CMYK for print. Each format gives exact values. Your colours look the same on every device.
Advanced Colour Scheme Filtering
Colour schemes help you build the right palette fast. Warm schemes feel lively and cosy. Cool schemes feel calm and clean. Bright schemes grab attention. Pastel schemes look soft and refined. Choose the mood you want.
Understanding Colour Theory for Better Design Decisions
Colour psychology shapes how people feel and act. Different colours stir different moods. Random colours take your own bias out of the choice. They also show you fresh combinations you might never have tried.
Colour Generation Benefits for Designers
- • Eliminates creative blocks through unexpected colour discovery
- • Ensures colour accessibility with scientifically accurate values
- • Accelerates design workflows with instant palette generation
- • Promotes colour experimentation beyond personal preferences
- • Provides format flexibility for cross-platform compatibility
Professional Colour Format Guide for Design Applications
HEX Colour Codes
A HEX code writes RGB values in base-16 (0-9, A-F). You use it most in web design, CSS, and HTML.
Example: #FF5733 = Red(255) Green(87) Blue(51)
RGB Colour Values
RGB mixes red, green, and blue light to make a colour on screens. Each one runs from 0 to 255.
Example: rgb(255, 87, 51) = Vibrant Orange
HSL Colour System
HSL sets hue, saturation, and lightness. It makes a colour easy to adjust by hand. Hue runs 0-360°. Saturation and lightness run 0-100%.
Example: hsl(9, 100%, 60%) = Pure Orange Tone
CMYK Print Colours
CMYK uses cyan, magenta, yellow, and black for printing. Each value is an ink amount from 0 to 100%.
Example: cmyk(0%, 66%, 80%, 0%) = Print Orange
Explore More Creative Generation Tools
Design & Creative Tools: Our random generators help you get unstuck. Pick colours, find a movie, make a name, or choose a number. Each tool gives you fast, accurate results. They make your work and choices easier.
How the Random Colour Generator Works
When you press Generate, the tool calls JavaScript's Math.random() to produce three independent integers — one each for red, green, and blue — each ranging from 0 to 255. If you choose a colour scheme such as Warm or Pastel, the tool first restricts each channel's range before sampling, so the result always falls in that family. All four format values (HEX, RGB, HSL, CMYK) are then derived from those same three integers in a single pass, so they always refer to exactly the same colour. For the mathematical basis of RGB colour spaces, see the W3C CSS Color Level 4 specification.
Every calculation happens in your browser. No colour you generate is sent to a server or stored anywhere, and there is no bias toward "nicer" colours — every point in the selected range has an equal chance of being drawn.
Example Generated Colours
Three sample outputs from the generator, each shown in all four formats so you can see how the representations relate:
- Dodger Blue (#1E90FF) — RGB
rgb(30, 144, 255), HSLhsl(210, 100%, 56%), CMYKcmyk(88%, 44%, 0%, 0%). A vivid mid-blue that sits at hue 210° on the colour wheel. You would get this kind of result from the Cool scheme. - Crimson (#DC143C) — RGB
rgb(220, 20, 60), HSLhsl(348, 83%, 47%), CMYKcmyk(0%, 91%, 73%, 14%). A deep, saturated red near the Warm end of the spectrum; useful as a strong accent colour in print or digital work. - Medium Sea Green (#3CB371) — RGB
rgb(60, 179, 113), HSLhsl(147, 50%, 47%), CMYKcmyk(66%, 0%, 37%, 30%). A balanced, mid-toned green that the Any scheme can return; it converts cleanly to print thanks to its moderate ink values.
Colour Formats at a Glance
The four formats this tool outputs cover every major use case in digital and print design:
| Format | Example value | Primary use |
|---|---|---|
| HEX | #1E90FF | Web & CSS — compact six-digit code understood by all browsers |
| RGB | rgb(30, 144, 255) | Screen design — direct control of red, green, and blue light channels |
| HSL | hsl(210, 100%, 56%) | UI theming — intuitive hue/saturation/lightness sliders in design tools |
| CMYK | cmyk(88%, 44%, 0%, 0%) | Print production — percentage of each ink used by commercial printers |
Frequently Asked Questions
Q.What colour formats does the random colour generator support?
The tool gives you four formats. HEX uses codes like #FF5733. RGB uses red, green, and blue values. HSL uses hue, saturation, and lightness. CMYK uses cyan, magenta, yellow, and black for print.
Q.How many colours can I generate at once?
You can make 1 to 20 colours at once. One colour shows full format details. Many colours show swatches in the format you picked.
Q.What are the different colour schemes available?
The tool has five colour schemes. Any Colours uses the full range. Warm Colours are reds, oranges, and yellows. Cool Colours are blues, greens, and purples. Bright Colours are bold and vivid. Pastel Colours are soft and muted.
Q.Can I use these colours for commercial projects?
Yes. The colours are standard values. You can use them in any project, free or paid. A colour cannot be copyrighted. So they are safe to use anywhere.
Q.How do I copy colour codes for design software?
For a single colour, click the "Copy" button next to any format to copy that value. When you generate several colours, use the "Copy All" button to copy them as a comma-separated list in the format you picked. Then paste them into your design app.
Q.What's the difference between warm and cool colour schemes?
Warm colours are reds, oranges, and yellows. They feel lively and inviting, and seem to come forward. Cool colours are blues, greens, and purples. They feel calm and clean, and seem to step back. This makes them great for backgrounds and accents.
Q.How does the tool convert between HEX, RGB, HSL, and CMYK?
All four formats are derived from the same three RGB integers in a single pass. HEX is simply those integers written in base-16. HSL is calculated from the relative ratios of the channels. CMYK converts the normalised RGB values to ink percentages using the standard formula. They all describe the same colour — just in the notation each platform prefers.
Q.Why does the same colour look slightly different in print versus on screen?
Screens use RGB (additive colour — mixing light), while printers use CMYK (subtractive colour — mixing inks). The two gamuts do not match exactly. Some vivid screen colours, especially bright blues and greens, cannot be reproduced precisely in print. The CMYK values this tool produces are a best-match conversion; always proof-print before a final run.