Color Tone Matcher

Pick one colour and instantly get a matching palette — complementary, analogous, triadic and more — previewed on real objects, free and private in your browser.

How to use

  1. Pick your main colour with the colour box, or type a HEX code like #7FB069 — the two stay in sync.
  2. Choose a harmony — complementary, analogous, triadic, split-complementary, tetradic or monochromatic — and the matching swatches appear on both sides of the preview.
  3. Pick an object group and step through the objects with the dropdown or the ‹ › buttons to see the palette on one big shape; click any swatch to copy its HEX, or hit Random colour for fresh ideas.

FAQ

How does it pick the matching colours?

It uses classic colour-harmony maths. Your colour is converted to hue, saturation and lightness, then the tool rotates the hue around the colour wheel for each harmony — for example a complementary colour sits 180 degrees opposite, analogous colours sit about 30 degrees to each side, and triadic colours are spaced 120 degrees apart. Monochromatic instead keeps the same hue and steps the lightness for a tonal set.

Is my colour sent anywhere?

No. Every palette is generated entirely in your browser with plain maths, so the colour you pick never leaves your device. The tool works offline and stays private.

Why preview the palette on objects?

Swatches tell you the colours, but seeing them on a single large shape, garment, vehicle or piece of food helps you judge how the tones actually feel together before you commit. The swatches sit on the left and right of the object so you can compare the palette and the preview side by side; switch the object group, or step through the objects, to test the same palette in different contexts.