<!-- Markdown version of https://ocxly.com/color-harmony.html · auto-generated, may lag the live page -->

# Colour Harmony Generator

Build complementary, analogous, triadic, split-complementary, tetradic and monochromatic colour schemes from one base colour. All in your browser.

#### Complementary

#### Analogous

#### Triadic

#### Split-complementary

#### Tetradic

#### Monochromatic

### How it works

Each scheme is built by rotating your base colour’s **hue** on the colour wheel while keeping its saturation and lightness: complementary is +180°, triadic is ±120°, analogous is ±30°, split-complementary is +150°/+210°, and tetradic adds a fourth at +60°/+240°. Monochromatic instead holds the hue and steps the lightness. Click any swatch to copy its hex — all computed locally.

---
*Source: [ocxly.com/color-harmony.html](https://ocxly.com/color-harmony.html) — OCXLY, free 100% client-side privacy-first tools. Free colour scheme generator. Build complementary, analogous, triadic, split-complementary, tetradic and monochromatic palettes from one base colour, entirely in your browser.*
