Färgharmoniregler: Komplementär, Triadisk, Tetradisk och när du använder var

Färgteorin låter akademisk. I praktiken är det en liten verktygslåda med regler som en bra designer griper efter utan att tänka. Sju klassiska harmonier täcker 95 % av palett-arbetet — att känna till var och en och när man ska använda den är skillnaden mellan en palett som känns genomtänkt och en som känns slumpmässig.

Hjulet är kompassen

Varje harmoniregel definierar positioner på färghjulet med 12 sektioner. Du väljer en basfärg, och regeln talar om för dig var på hjulet du ska hämta resten. Reglerna anger inte mättnad eller ljushet — de dimensionerna är dina att justera.

Komplementär (motsatta färger)

Två färger på motsatta sidor av hjulet: rött och cyan, orange och blått, lila och gult. Maximal kontrast. Använt när du behöver något som sticker ut från bakgrunden — en CTA-knapp på en landningssida, en markering på ett datadiagram.

Fälla: vid full mättnad vibrerar komplementära par obehagligt. Tona ned en (avmättna, gör ljusare eller mörkare) och använd den andra som accent.

Triadisk (tre jämnt fördelade)

Tre färger med 120° mellanrum: rött-gult-blått, orange-grön-lila. Balanserad och energisk. Populär för illustrationer, barnprodukter och märken som vill kännas vibrerande utan att vara överväldigande.

Fälla: alla tre med lika mättnad konkurrerar om uppmärksamhet. Välj en som dominerar (60 % av din design), en som stöder (30 %), en för accenter (10 %).

Analog (grannar på hjulet)

Tre till fem angränsande färger: gult-gul-grönt-grönt eller blått-blå-violett-violett. Den lugnaste harmonin — ingen konflikt för att ingen färg slåss mot en annan. Naturliga scener (solnedgångar, skogar) är nästan alltid analoga.

Fälla: analoga paletter kan kännas platta. Lägg till ett komplementärt accent (en liten dos av motsatsen till din mittfärg) för kontrastpunkter.

Split-Komplementär (två nästan-motsatser)

Välj en basfärg, ta sedan de två färger som ligger intill dess komplement istället för komplementet själv. Mjukare än strikt komplementär men ändå kraftig. Ett bra standardval för designers som tycker att ren komplementär är för aggressiv.

Tetradisk (två komplementära par)

Fyra färger som bildar en rektangel på hjulet: t.ex. rött + grönt + orange + blått. Den rikaste harmonin — mycket variation — men den svåraste att balansera. Bäst när en färg dominerar och de andra tre spelar stödjande roller.

Fälla: tetradiska paletter läses lätt som kaotiska. Bestäm vilken färg som bär identiteten och degradera de övriga tre till mindre roller.

Monokromatisk (en färg, många värden)

En enda färg med varierande mättnad och ljushet. Maximal sammanhang, noll färgkontrast. Perfekt för gränssnitt där du vill att innehållet (foton, typografi) ska bära det visuella intresset, inteUI-kromen.

De flesta minimalistiska SaaS-verktyg lutar mot monokromatisk — varumärket är en blå nyans, allt annat är gråskala.

Trending (att bryta reglerna väl)

Ett sjunde läge som vi inkluderar i vår Color Palette Generator: 177 handkurerade gemenskapspaletter från ColourLovers, Coolors och branschdesigners. Dessa paletter bryter ofta mot klassiska regler med avsikt — de fungerar för att designern hade specifik kreativ avsikt — och de är en bra inspirationskälla när ren teori producerar något för säkert.

Vilken ska jag välja?

• Redaktionell, lugn, naturlig → analog.
• Kraft, CTA, energi → komplementär eller split-komplementär.
• Vibrerande märke, illustration → triadisk.
• Rik redaktionell, djärva kampanjer → tetradisk.
• Minimalistisk UI, fotointensiv → monokromatisk.
• Känner dig fastnad → bläddra i Trending.

Bortom reglerna

Alla sju harmonier ignorerar två kritiska dimensioner: kontrast (kan text läsas på denna bakgrund?) och semantisk färg (rött betyder fara i västerländsk UI oavsett teori). Kör alltid din slutliga palett genom en WCAG-kontrastkontroll — Color Palette Generator visar dig varje pars AA/AAA-kvoter med ett klick — och välj inte en farfärg bara för att hjulet säger att den ser fin ut.

Regler är startpunkter, inte slutpunkter. Generera fem paletter, kritisera dem, justera. Bra paletter kommer från iteration, inte från en enda slumpmässig tärningskast.