Tetradiskt färgschema: fyra färger i balans

Ett tetradiskt färgschema är fyra nyanser som bildar två komplementpar på färghjulet. Förbinder du dem med linjer ritar du en rektangel eller en kvadrat, och därför kallas de två versionerna rektangel- och kvadratscheman. Eftersom det rymmer varma och kalla färger på båda sidor av hjulet är en tetradisk palett den fullaste av de klassiska harmonierna. Det är också den som mest sannolikt ser kaotisk ut, om du inte låter en färg leda och håller de andra tre på sin plats.

Tetradiska scheman i rektangel och kvadrat

Båda versionerna utgår från en basnyans och lägger till dess komplement, 180 grader bort. De skiljer sig åt i var det andra paret ligger.

Så bygger du ett tetradiskt färgschema

1. 1

   Välj basnyansen

   Välj den färg ditt varumärke eller din design vilar på. Notera dess nyans i grader, vilket varje färgväljare som visar HSL ger dig.

2. 2

   Lägg till komplementet

   Lägg till 180 grader. Det paret är schemats ryggrad. Komplementfärger förklarar varför motsatser fungerar.

3. 3

   Välj rektangel eller kvadrat

   För en rektangel lägger du till 60 grader till basen och till komplementet. För en kvadrat lägger du till 90 grader till varje.

4. 4

   Ge varje färg ett jobb

   En dominerande, en stödjande, två accenter. Skriv ner det så att rollerna förblir desamma i varje design.

5. 5

   Justera ljushet och mättnad

   Gör den dominerande färgen mörkare, mjuka upp stödet och låt accenterna vara klarast. Nyansen avgör harmonin, ljusheten avgör hierarkin.

:root {
  --h: 220; /* base hue */

  /* Rectangle scheme */
  --c1: hsl(var(--h) 65% 30%);
  --c2: hsl(calc(var(--h) + 60) 45% 55%);
  --c3: hsl(calc(var(--h) + 180) 85% 60%);
  --c4: hsl(calc(var(--h) + 240) 40% 55%);

  /* For a square scheme use +90, +180 and +270 instead */
}

Därför är fyra färger svåra att balansera

Med två färger är kontrasten enkel. Med fyra starka nyanser har ögat ingen aning om var det ska titta först, och varje färg verkar ropa över de andra. De flesta tetradiska designer som misslyckas gör det för att alla fyra färger får ungefär lika stor yta och lika stor mättnad. Lösningen är hierarki, inte färre färger.

Den andra bilden pekar på schemats verkliga styrka. Fyra färger ger dig tillräckligt med variation för en hel serie: varje inlägg kan ledas av en annan medlem i paletten medan uppsättningen tydligt hör ihop. Det är idealiskt för karuseller, menyer och evenemangsprogram, där varumärkeskonsekvens betyder något men likformighet blir tråkig.

Där ett tetradiskt färgschema fungerar bäst

Fyra nyanser förtjänar sin plats när ett projekt behöver skilja flera saker tydligt åt utan att uppfinna nya färger varje gång. En enda affisch behöver sällan det. Ett system gör det oftast.

• Kategorikodning: en cafémeny med drycker, frukost, lunch och bakverk, var och en med sin egen färg.
• Evenemangsprogram: fyra scener, spår eller dagar som besökarna behöver kunna skilja åt med en blick.
• Diagram och instrumentpaneler: fyra dataserier som måste förbli tydliga, helst även kontrollerade för färgblindhet.
• Barn- och lekvarumärken: där den fulla, klara versionen av paletten är precis poängen.
• Säsongskampanjer: en nyans som leder varje kvartal av året, med de andra som stöd.

För proportioner börjar du med 60-30-10-regeln och delar de sista tio procenten mellan de två accenterna. På en meny fyller till exempel den dominerande färgen sidan, stödfärgen markerar rubriker och de två accenterna märker de vegetariska och de nya rätterna.

Få en tetradisk palett att se sofistikerad ut

Tetradiska paletter i full mättnad ser ut som en leksakslåda, vilket är perfekt för en leksaksbutik och fel för de flesta andra. Dra två eller tre av färgerna mot grått eller mot mörkt, så ser samma nyanser genomtänkta och vuxna ut.

Om fyra färger känns för många kan du backa till tre med triadiska färger eller delat komplement, som båda behåller stark kontrast med en nyans mindre att hantera. Prova sedan paletten på riktiga designer: i Gradiently visas färger som sparats i ett varumärkeskit (en Pro-funktion) först i varje färgväljare i Studion, så att varje inlägg i en serie kan få en annan ledare.