A colour picker wheel with colour theory built in
Every hue sits on the colour wheel, so each spin lands on a random colour. Pick a shade, vivid, pastel or dark, and a colour combination, and the wheel builds a palette around its pick: the complementary colour, a triadic set, analogous neighbours and more. Each colour shows its HEX and RGB codes, handy for design work, school art projects and footy club colours.
How to pick a random colour
- Choose what to spin: the colour wheel, named colours or the colours of a photo.
- On the colour wheel, choose a shade and a colour combination.
- Spin. The wheel lands on a random colour and shows its palette with HEX and RGB codes.
- Tap a colour to copy its code. On a wheel of named colours, hide each colour once it comes up to spin without repeats.
Ways to use a random colour
- Kick off a design, a logo or a website with a random colour scheme.
- Pick the colour for a drawing warm-up in art class.
- Run a colour hunt with the kids: find something in that colour before time runs out.
- Choose a house colour for sports day or a theme for a party.
- Turn the main colours of a holiday photo into a palette.
Colour combinations
Each combination starts with the colour the wheel picks and adds colours at set angles around the colour wheel. The examples are all built on the same blue.
- Single colour
- Only the colour the wheel lands on.
- Monochromatic
- One hue in lighter and darker tones. Calm, and hard to get wrong.
- Complementary
- The colour and its opposite, 180° around the wheel, for the strongest contrast.
- Split complementary
- The colour and the two colours either side of its opposite, 150° and 210° away: strong contrast with less tension.
- Analogous
- The colour and its neighbours 30° either side, the easy harmony found in nature.
- Triadic
- Three colours spaced evenly, 120° apart: lively but balanced.
- Tetradic
- Two pairs of opposites, 60° apart: four colours for a rich palette.
- Square
- Four colours spaced evenly, 90° apart.
Basic colours and their codes
The colours on the wheel of basic colours, with the HEX and RGB codes the wheel uses.
| Colour | HEX | RGB |
|---|---|---|
| Red | #E53935 |
229, 57, 53 |
| Orange | #FB8C00 |
251, 140, 0 |
| Yellow | #FDD835 |
253, 216, 53 |
| Green | #43A047 |
67, 160, 71 |
| Teal | #00897B |
0, 137, 123 |
| Blue | #1E88E5 |
30, 136, 229 |
| Purple | #8E24AA |
142, 36, 170 |
| Pink | #D81B60 |
216, 27, 96 |
| Brown | #6D4C41 |
109, 76, 65 |
| Grey | #757575 |
117, 117, 117 |
| Black | #212121 |
33, 33, 33 |
| White | #FFFFFF |
255, 255, 255 |
Frequently Asked Questions
How do I get a random colour?
Spin a colour wheel that holds every hue. The SpinnerWheel random colour generator lands on a hue, sets how light and saturated the colour is from the shade you choose, and shows the colour with its HEX and RGB codes.
What is a complementary colour?
A complementary colour sits directly opposite another colour on the colour wheel, 180 degrees away, like blue and orange. Complementary pairs give the strongest contrast of any colour combination.
What is a triadic colour scheme?
A triadic colour scheme uses three colours spaced evenly around the colour wheel, 120 degrees apart, such as red, yellow and blue. The result is lively but balanced.
Can I spin my own colours?
Choose named colours in the SpinnerWheel colour picker, start from basic colours, a rainbow, pastels or neutrals, and add any colour with the colour picker. Untick a colour to take it off the wheel.
How are colours taken from a photo?
The SpinnerWheel colour picker reads the photo inside your browser and groups similar pixels to find its main colours, which then go on the wheel. The photo is never uploaded.
Is the colour really random?
Every hue has an equal slice of the colour wheel, and the browser’s random number generator decides where the wheel stops and how light the colour is, so no colour is favoured.