← All text tools

Colour wheel and harmonies

Complementary, analogous, triadic and other colour schemes from a colour wheel.

  • Free
  • No sign-up
  • Works on any device

About Colour wheel and harmonies

Pick any colour on the wheel and see classic schemes built from it: complementary (opposite), analogous (neighbours), triadic (three evenly spaced), split complementary and tetradic. Harmonies come from fixed angles on the hue circle, so they give balanced starting palettes for design work.

How to use Colour wheel and harmonies

  1. Pick a base colour on the wheel or enter its code.
  2. Choose a scheme such as complementary, analogous or triadic.
  3. Copy the resulting colour codes into your design.

Why use this tool?

Also known as

Frequently asked questions

What is the difference between analogous and complementary colours?

Analogous colours sit next to each other on the wheel and feel calm. Complementary colours are directly opposite, such as blue and orange, and create strong contrast.

How do I use a colour scheme without it looking garish?

Pick one main colour for most of the design, a second for supporting areas and use the others sparingly as accents. Lower the saturation of large areas.

Which scheme is best for a calm website?

Analogous schemes use neighbouring hues and tend to feel calm and unified. Add a neutral background and one contrasting accent for buttons.

Is Colour wheel and harmonies free?

Yes. Colour wheel and harmonies on Toolipedia is free to use, with no sign-up and no watermark.

Is it safe to use?

Yes. Everything is worked out in your browser, and nothing you enter is sent to our server.

Does it work on my phone?

Yes. It works in any modern browser on Android and iPhone, as well as on tablets and computers. There's nothing to install.

Do I need an account?

No. Just open the page and use the tool. There's no sign-up and no email needed.

Can I put Colour wheel and harmonies on my own website?

Yes. Use the Embed on your site button under the tool to copy a short piece of code and paste it into your page. It is free, needs no account, and the tool keeps working inside your page.

Related tools