La teoria del colore sembra accademica. In pratica è una piccola cassetta degli attrezzi di regole a cui un buon designer ricorre senza pensarci. Sette armonie classiche coprono il 95% del lavoro sulle palette — conoscere ognuna e quando usarla è la differenza tra una palette che sembra intenzionale e una che sembra casuale.

La Ruota è la Bussola

Ogni regola di armonia definisce posizioni sulla ruota cromatica a 12 sezioni. Scegli una tonalità di base, poi la regola ti dice dove sulla ruota prendere il resto. Le regole non specificano saturazione o luminosità — quelle dimensioni sono tue da regolare.

Complementare (Tonalità Opposte)

Due colori direttamente opposti sulla ruota: rosso e ciano, arancione e blu, viola e giallo. Contrasto massimo. Usato quando hai bisogno che qualcosa risalti da uno sfondo — un pulsante CTA su una landing page, un highlight su un grafico dati.

Trappola: a saturazione completa, le coppie complementari vibrano in modo sgradevole. Attenua una (desatura, alleggerisci o scurisci) e usa l'altra come accento.

Triadico (Tre Equidistanti)

Tre tonalità a intervalli di 120°: rosso-giallo-blu, arancione-verde-viola. Equilibrato ed energico. Popolare per illustrazioni, prodotti per bambini e brand che vogliono sentirsi vibranti senza essere travolgenti.

Trappola: tutti e tre a saturazione uguale competono per l'attenzione. Scegli uno per dominare (60% del tuo design), uno per supportare (30%), uno per accenti (10%).

Analogo (Vicini sulla Ruota)

Da tre a cinque tonalità adiacenti: giallo-giallo-verde-verde o blu-blu-viola-viola. L'armonia più calma — nessun conflitto perché nessun colore combatte con un altro. Le scene naturali (tramonti, foreste) sono quasi sempre analoghe.

Trappola: le palette analoghe possono sembrare piatte. Aggiungi un accento complementare (una piccola dose dell'opposto della tua tonalità centrale) per punti di contrasto.

Split-Complementare (Due Quasi-Opposte)

Scegli una base, poi prendi i due colori adiacenti al suo complementare invece del complementare stesso. Più soft del complementare rigoroso ma comunque punchy. Una buona impostazione predefinita per i designer che trovano il complementare diretto troppo aggressivo.

Tetradico (Due Coppie Complementari)

Quattro tonalità che formano un rettangolo sulla ruota: ad es. rosso + verde + arancione + blu. L'armonia più ricca — molta varietà — ma la più difficile da equilibrare. Meglio quando un colore domina e gli altri tre giocano ruoli di supporto.

Trappola: le palette tetradiche facilmente leggono come caotiche. Decidi quale colore porta l'identità e retrocedi gli altri tre a ruoli minori.

Monocromatico (Una Tonalità, Molti Valori)

Una singola tonalità con saturazione e luminosità variabili. Coerenza massima, zero contrasto di tonalità. Perfetto per interfacce dove vuoi che il contenuto (foto, tipografia) porti l'interesse visivo, non il chrome dell'UI.

La maggior parte degli strumenti SaaS minimalisti utilizza il monocromatico — il brand è un blu, tutto il resto è scala di grigi.

Trending (Infrangere le Regole Bene)

Una settima modalità che includiamo nel nostro Color Palette Generator: 177 palette curate a mano dalla comunità da ColourLovers, Coolors e designer del settore. Queste palette spesso infrangono le regole classiche di proposito — funzionano perché il designer aveva un'intenzione creativa specifica — e sono un'ottima fonte di ispirazione quando la pura teoria produce qualcosa di troppo sicuro.

Quale Scegliere?

Editoriale, calmo, naturale → analogo.
Punch, CTA, energia → complementare o split-complementare.
Brand vibrante, illustrazione → triadico.
Editoriale ricco, campagne audaci → tetradico.
UI minimalista, ricco di foto → monocromatico.
Sentirsi bloccati → sfoglia Trending.

Oltre le Regole

Tutte e sette le armonie ignorano due dimensioni critiche: contrasto (il testo può essere letto su questo sfondo?) e colore semantico (il rosso significa pericolo nell'UI occidentale indipendentemente dalla teoria). Esegui sempre la tua palette finale attraverso un controllo di contrasto WCAG — il Color Palette Generator ti mostra i rapporti AA/AAA di ogni coppia con un clic — e non scegliere un colore di pericolo solo perché la ruota dice che è carino.

Le regole sono punti di partenza, non punti finali. Genera cinque palette, criticale, aggiusta. Le buone palette vengono dall'iterazione, non da un singolo lancio dei dadi.

Regole di Armonia Cromatica: Complementari, Triadici, Tetradici e Quando Usare Ognuno