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 Make a Duotone Image in Figma (Building One From Blend Modes)
Figma has no duotone effect. You assemble one from a desaturated image and two blended rectangles — here is the layer stack, the order that matters, and an honest account of what it costs to maintain.
How to Make a Logo White in Photoshop (3 Methods, One of Them Non-Destructive)
Color Overlay, Lock Transparent Pixels, and why Hue/Saturation is the wrong tool even though Lightness looks like it works — plus the fringe that makes a white logo look dirty on a dark background, and how to remove it.
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.
Generate a colour wheel
Pick a start colour, set the segments, and copy the hex codes.