Reguli de armonie cromatică: Complementare, Triadă, Tetradă și când să folosești fiecare

Teoria culorilor sună academică. În practică, este o mică cutie de unelte cu reguli pe care un designer bun le folosește fără să se gândească. Șapte armonii clasice acoperă 95% din munca cu palete — cunoașterea fiecăreia și când să o folosești este diferența dintre o paletă care se simte intenționată și una care se simte accidentală.

Roata este busolă

Fiecare regulă de armonie definește poziții pe roata cromatică cu 12 segmente. Alegi o nuanță de bază, iar regula îți spune unde pe roată să iei restul. Regulile nu specifică saturația sau luminozitatea — aceste dimensiuni sunt ale tale de reglat.

Complementare (nuanțe opuse)

Două culori direct opuse pe roată: roșu și cyan, portocaliu și albastru, violet și galben. Contrast maxim. Se folosește când trebuie ca ceva să se evidențieze pe un fundal — un buton CTA pe o pagină de landing, o evidențiere pe un grafic de date.

Capcană: la saturație maximă, perechile complementare vibrează inconfortabil. Estompează una (desaturează, iluminează sau întunecă) și folosește cealaltă ca accent.

Triadă (trei egal distanțate)

Trei nuanțe la intervale de 120°: roșu-galben-albastru, portocaliu-verde-violet. Echilibrată și energică. Populară pentru ilustrații, produse pentru copii și mărci care vor să se simtă vibrante fără a fi copleșitoare.

Capcană: toate trei la saturație egală concurează pentru atenție. Alege una să domine (60% din designul tău), una să suporte (30%), una pentru accente (10%).

Analogă (vecini pe roată)

Trei până la cinci nuanțe adiacente: galben-galben-verde-verde sau albastru-albastru-violet-violet. Cea mai calmă armonie — niciun conflict pentru că nicio culoare nu se ciocnește cu alta. Scenele naturale (apusuri, păduri) sunt aproape întotdeauna analogă.

Capcană: paletele analogă pot arăta plate. Adaugă un accent complementar (o mică doză din opusul culorii tale de mijloc) pentru puncte de contrast.

Complementare divizate (două aproape opuse)

Alege o bază, apoi ia cele două culori adiacente complementului ei în loc de complementul însuși. Mai soft decât complementara strictă, dar totuși puncă. O alegere bună pentru designerii care găsesc complementara strictă prea agresivă.

Tetradă (două perechi complementare)

Patru nuanțe formând un dreptunghi pe roată: de ex. roșu + verde + portocaliu + albastru. Cea mai bogată armonie — multă varietate — dar cea mai dificilă de echilibrat. Cea mai bună când o culoare domină și celelalte trei joacă un rol de sprijin.

Capcană: paletele tetradă se citesc ușor ca haotice. Decide care culoare poartă identitatea și demotează celelalte trei la roluri mai mici.

Monocromatică (o nuanță, multe valori)

O singură nuanță cu variații în saturație și luminozitate. Coerență maximă, zero contrast de nuanță. Perfectă pentru interfețe unde vrei ca conținutul (fotografii, tipografie) să poarte interesul vizual, nu cromul interfeței.

Majoritatea instrumentelor SaaS minimaliste sunt monocromatice — marca este un albastru, totul altceva este tonuri de gri.

Trending (încălcând bine regulile)

Un al șaptelea mod pe care îl includem în Generatorul nostru de palete cromatice: 177 palete manual curate de la comunitate din ColourLovers, Coolors și designerii industriei. Aceste palete încalcă adesea regulile clasice intenționat — funcționează pentru că designerul avea o intenție creativă specifică — și sunt o sursă grozavă de inspirație când teoria pură produce ceva prea sigur.

Care să alegi?

• Editorial, calm, natural → analogă.
• Puncă, CTA, energie → complementare sau complementare divizate.
• Brand vibrant, ilustrație → triadă.
• Editorial bogat, campanye curajoase → tetradă.
• Interfață minimalistă, foto-intensivă → monocromatică.
• Te simți blocat → explorează Trending.

Dincolo de reguli

Toate șapte armonii ignor două dimensiuni critice: contrast (poate fi textul citit pe acest fundal?) și culoare semantică (roșul înseamnă pericol în interfața Western indiferent de teorie). Rulează întotdeauna paleta ta finală printr-o verificare de contrast WCAG — Generatorul de palete cromatice îți arată ratiile AA/AAA ale fiecărei perechi cu un singur clic — și nu alege o culoare de pericol doar pentru că roata spune că arată bine.

Regulile sunt puncte de plecare, nu puncte finale. Generează cinci palete, critică-le, ajustează. Paletele bune provin din iterație, nu din o singură aruncare a zarului.