Colour Wheel Generator
Generate evenly spaced hues around the wheel from any starting colour, at whatever number of segments you need.
Free preview · No signup · ~10 seconds
What a colour wheel is for
Every scheme is a shape on the wheel
Complementary is two points opposite, triadic is a triangle, tetradic is a rectangle, analogous is a short arc. Seeing the full wheel at your own saturation and lightness makes those relationships concrete rather than theoretical.
Segments are yours to choose
Twelve is the traditional artists wheel — three primaries, three secondaries, six tertiaries. Six is enough to reason about relationships quickly. Twenty-four gives fine gradations for picking a specific hue that sits between two named ones.
It follows your starting colour
Rather than a generic wheel at full saturation, every segment inherits the saturation and lightness of the colour you pick. A muted starting colour gives a muted wheel, which is far more useful when you are choosing within an existing palette.
The traditional wheel is not the digital one
The RYB wheel taught in art classes puts orange opposite blue. The RGB wheel screens actually use puts cyan opposite red. This generates the digital one, which is what your hex codes will do — worth knowing if the result contradicts what you were taught.
Hue distance is not visual weight
Evenly spaced hues do not appear evenly prominent. Yellows read as much lighter than blues at identical saturation and lightness, so a wheel of equal steps still needs adjustment before it becomes a working palette.
How to colour wheel generator
Pick a starting colour
Set the picker. Every segment inherits its saturation and lightness. Nothing to upload.
Choose the segments
Drag the slider from three to twenty-four. Twelve matches the traditional wheel.
Copy what you need
Click a swatch to copy one hex, or copy them all.
Colour Wheel Generator — in the editor
The real editor, start to finish — no signup needed to try it yourself.
Free preview · No signup · ~10 seconds
Where the wheel helps
Learning colour relationships
See where complements, triads, and analogous ranges actually fall.
Building category colours
Generate a set of maximally distinct hues for tagging or categorising.
Illustration reference
Keep a working wheel at your scene saturation rather than full intensity.
Chart series
Produce as many distinguishable hues as you have data series.
Or just ask
Describe the edit in your own words
Type what you want changed and the assistant does it on the canvas — each step lands as a layer you can reopen, so nothing it does is baked in.
No edits yet.
Frequently Asked Questions
Related Tools
Guides worth reading
How to Replace a Color in Canva (What's Possible on Elements, and What Isn't on Uploads)
Canva can swap colors on vector elements one swatch at a time. On an uploaded photo or PNG there is no per-color control at all — here is the full picture, including the Duotone approximation and its limits.
How to Remove a Background in Figma (There Is No Built-In Way — Here Is What Works)
Figma has no background removal feature. The honest options are a third-party plugin that uploads your image to its vendor, or a hand-drawn vector mask — plus when each is actually the right call.
How to Make a Duotone in Photoshop (Gradient Map vs Duotone Mode)
Photoshop has two duotone features and the one named Duotone is usually the wrong one. Why Image > Mode > Duotone demands a Grayscale conversion, why Gradient Map is what you actually want, and how to keep it editable.
Generate a colour wheel
Pick a start colour, set the segments, and copy the hex codes.