Undrar du varför vissa färgpaletter känns så lugna och harmoniska? Det kan mycket väl bero på att de består av ett analogt färgschema!
Analoga färger är en grupp av tre (oftast) färger bredvid varandra på färgcirkeln. När dessa färger grupperas kallar vi det ett analogt färgschema. Färgen i mitten av denna grupp av tre kallas ibland moderfärgen eftersom de andra två färgerna innehåller den mittfärgen.


Genom att använda analoga färgscheman kan man skapa en mjuk övergång mellan färger, vilket skapar en behaglig och lättsmält hemsida. Analoga färgscheman finns ofta i naturen och är harmoniska.
Tänk dig till exempel att du plockar upp ett löv som du hittat på en stig under sommaren. Detta blad skulle sannolikt ha många nyanser av grönt, gulgrönt och gult synligt inom sig, vilket gör det till ett analogt färgschema.
Se till att du har tillräckligt med kontrast när du väljer ett analogt färgschema. Välj en färg att dominera, en andra att stödja. Den tredje färgen används (tillsammans med svart, vit eller grå) som en accent.
Såhär enkelt skapar du ett analogt färgschema
Steg 1: Välj en färg
Jag började med färgen ”#AA6FF5”. Detta är färgens Hex-kod men vi kommer att ändra det till formatet HSB, som står för Hues, Saturation och Brightness.


Steg 2: Gör så du har 5 kopior
Kopiera och klistra in samma färg 4 gånger till så att vi kan göra ett perfekt analogt färgschema.


Steg 3: Ändra Hue-värdet
Öka eller minska nu färgtonen (H i HSB) med 30 punkter. Färgkoden i hex är ”#AA6FF5” och i HSB är ”266, 55, 96”. Huvudfärgen är i mitten, de till vänster minskas stegvis med 30 punkter och de till höger ökas med 30 punkter.
Du kan ändra mättnad och ljusstyrka (S & B) för att få bättre kontrast om det behövs.


Steg 4: Gör ett urval
Välj intilliggande färger runt huvudfärgen för att skapa en analog färgpalett.


Exempel på analoga färgscheman
1. Blå, blålila, lila
Lila kan anses vara någorlunda analogt med blått. Blåa nyanser som är nära cyan eller grönt ser väldigt annorlunda ut än lila, men korta våglängder av blått ljus är dock nära violett.


Källa: Morva Labs
2. Röd, röd-orange, orange
Dessa färger är de längsta våglängderna av synligt ljus och dessa färger upplevs som varma på grund av deras association med solljus och eld.


Källa: Tanya Shegol
3. Teal, teal-grön, grön
Dessa färger är medellånga våglängder av ljus som är extremt vanliga i naturen på grund av att de finns i himlen, vatten och natur. De anses vara kalla och lugnande.


Analogt färgschema kontra andra färgscheman
Nu när vi har gått igenom vad analogt färgschema är och hur det kan användas i webbdesign, så är det värt att undersöka hur det jämförs med andra färgscheman.
Ett vanligt alternativ till analoga färgscheman är det monokromatiska färgschemat, som baseras på en enda grundfärg, men med olika nyanser och toner av denna färg. Monokromatiska färgscheman kan användas för att skapa en mer minimalistisk design, men de kan ibland kännas enformiga.
Ett annat alternativ är det komplementära färgschemat, som baseras på två färger som ligger motsatt varandra på färgcirkeln. Detta skapar en kontrasterande effekt som kan användas för att framhäva specifika element på webbplatsen. Men om man inte är försiktig med valet av färger kan det lätt bli för mycket kontrast och överväldigande för ögat.
Jämfört med dessa färgscheman har analoga färgscheman fördelen att de skapar en mer harmonisk och sammanhängande känsla på webbplatsen. De är också lättare att hantera eftersom de inte kräver lika mycket uppmärksamhet för att använda dem på ett balanserat sätt.
Men naturligtvis finns det inget universellt färgschema som fungerar bäst i alla sammanhang. Det beror alltid på vilken typ av webbplats det är och vilket intryck man vill skapa.
Läs vår artikel Välj rätt färg till hemsidan – Ultimata guiden för färgpsykologi [2023] för att läsa mer!