Färg

Analoga färger: den enklaste vägen till en lugn färgpalett

Välj tre grannar i färgcirkeln så kan du knappt göra fel. Konsten är att ge dem tillräckligt med kontrast för att hålla intresset uppe, och att veta när lugnet ska brytas.

GradientlyVerifierat Gradiently-konto··4 minuters läsning
Omslag: Glass Drift · GR·XWZY·NW

Kortversionen

  • Analoga färger är nyanser som ligger bredvid varandra i färgcirkeln, till exempel blått, blågrönt och grönt.
  • Eftersom grannnyanser delar så mycket känns analoga paletter lugna och naturliga, och de är de lättaste paletterna att lyckas med.
  • Analoga färger ger de mjukaste gradienterna, eftersom blandningen mellan grannar förblir mättad i stället för att bli grå.
  • Den största risken är likformighet, som du undviker genom att ge paletten ett brett spann av ljushet.
  • En liten accent från motsatt sida av färgcirkeln ger en analog palett en blickpunkt utan att bryta lugnet.
På den här sidan

Analoga färger är nyanser som ligger sida vid sida i färgcirkeln: blått, blågrönt och grönt, eller rött, orange och gult. Eftersom varje färg delar något med sin granne ser de ut att höra ihop, som färgerna i en solnedgång eller i grunt havsvatten. En analog palett består oftast av tre till fem nyanser inom en liten båge av cirkeln, och den är den säkraste vägen till ett lugnt, sammanhållet uttryck.

Den här guiden visar hur du bygger en, hur du hindrar den från att bli platt och varför analoga färger ger de bästa gradienterna. Är färgcirkeln ny för dig, läs först så använder du färgcirkeln.

Vad gör färger analoga

Det finns ingen strikt gräns, men en bra tumregel är att analoga nyanser ryms inom ungefär en fjärdedel av cirkeln, alltså cirka 90 graders nyansspann. En smal båge på 30 grader känns nästan enfärgad. Blir den bredare än 90 grader börjar ändarna kontrastera, och paletten får något av en regnbåge.

Spann i cirkelnExempelKänns
Cirka 30 graderBlått, blåindigoNästan en färg, mycket stilla
Cirka 60 graderBlått, himmelsblått, blågröntHarmoniskt med lätt variation
Cirka 90 graderIndigo, blått, himmelsblått, blågröntRikt, men fortfarande sammanhållet
Mer än 120 graderViolett till gröntBörjar kännas som en regnbåge
Hur bågens bredd förändrar en analog palett.
Fyra grannar som spänner över ungefär 70 grader, från indigo och runt till blågrönt.

Analoga färgpaletter, med koder

Det enklaste sättet att se analoga färger är som gradienter, för där kommer de bäst till sin rätt. Var och en av dessa rör sig genom grannnyanser och blir ljusare på vägen, vilket hindrar den från att kännas platt.

Sex analoga gradienter. Var och en spänner över en kort båge av nyanser och ett långt spann av ljushet.

Lägg märke till att de varma paletterna (Glöd, Bär, Citrus) och de kalla (Lagun, Ormbunke, Skymning) håller sig till en temperatur var. Det är det mesta av deras lugn. Varma analoga paletter känns nära, livliga och aptitretande, vilket passar mat, restauranger och evenemang. Kalla känns rymliga och stadiga, vilket passar hälsa, ekonomi och teknik. Varma och kalla färger går djupare in på temperatur.

Många av de bästa analoga paletterna kommer direkt från naturen, eftersom ljus som passerar genom luft, vatten eller löv glider gradvis genom grannnyanser. Ett foto av en strand, en skogsbotten eller en kvällshimmel är en färdig källa. Att hämta en palett från en bild visar hur du plockar ut en utan att välja leriga färger.

Därför ger analoga färger de mjukaste gradienterna

När en gradient blandar två färger är varje punkt däremellan en blandning av dem. Blanda två grannar och blandningen blir helt enkelt nyansen mitt emellan, fortfarande mättad. Blanda två motsatser och blandningen tar ut sig själv mot grått. Därför behöver komplementära gradienter ett hjälpstopp i mitten och analoga aldrig.

Den första håller sig ren hela vägen. Den andra passerar en tråkig, gråaktig mitt.

Det gör analoga övergångar till ett tryggt val för bakgrunder bakom text, varumärkesytor och stora ytor. Mer om den tråkiga mitten finns i grumliga gradienter.

Så bygger du en analog färgpalett

  1. 1

    Välj en dominerande nyans

    Börja med den färg som betyder mest. Den kommer att täcka det mesta av designen.

  2. 2

    Lägg till en eller två grannar på varje sida

    Håll dig inom cirka 60 till 90 grader. Om du lutar åt ena sidan får paletten en riktning: mot varmt eller mot kallt.

  3. 3

    Sprid ljusheten

    Gör en färg djup och en ljus. Det är det som hindrar en analog palett från att se ut som en utsmetad färg.

  4. 4

    Variera mättnaden

    Dämpa stödfärgerna lite så att den dominerande framstår som ledande.

  5. 5

    Bestäm dig för en accent

    Om designen behöver en blickpunkt, lägg till lite av en färg från motsatt sida av cirkeln.

Lägg till en accent i en analog palett

Lugnet i en analog palett är också dess svaghet: inget sticker ut. När en knapp, ett pris eller ett nyckelord ska synas kan du låna en färg från andra sidan cirkeln och använda mycket lite av den. Designer kallar det ibland analog plus accent. Accenten fungerar just för att allt annat är överens.

En kall analog familj från marinblått till mynta, med en varm accent från motsatt sida.

Analoga ytor bär text lugnt, vilket passar produkt- och redaktionella inlägg.

Vanliga misstag med analoga paletter

Undvik

  • Alla färger med samma ljushet
  • En båge så bred att den blir en regnbåge
  • Att blanda en varm och en kall lutning utan plan
  • Text i en mellanton från paletten

Gör så

  • En mörk, en mellan och en ljus färg
  • Tre till fem nyanser inom cirka 90 grader
  • En tydlig temperatur
  • Text i den mörkaste eller ljusaste färgen

Vill du ha ännu mer enhetlighet, smalna av bågen till en enda nyans och du har en monokrom palett. Vill du ha mer energi, gå över till en triadisk palett.

Vanliga frågor

Vad är analoga färger?

Analoga färger är nyanser som ligger bredvid varandra i färgcirkeln, till exempel blått, blågrönt och grönt, eller rött, orange och gult.

Hur många färger ingår i ett analogt färgschema?

Oftast tre till fem nyanser inom ungefär en fjärdedel av färgcirkeln, med en dominerande och resten som stöd.

Varför ser analoga färger bra ut i gradienter?

Blandningen mellan två grannnyanser är helt enkelt nyansen mitt emellan, så övergången förblir mättad och blir aldrig grå i mitten.

Hur hindrar jag en analog palett från att se platt ut?

Ge den ett brett spann av ljushet, variera mättnaden lite och lägg vid behov till en liten accent från motsatt sida av cirkeln.

Dela den här guiden

Skriven av GradientlyVerifierat Gradiently-konto

Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.

Se vår profil