de bästa färgpaletterna på webbplatsen för att öka engagemanget 2020

är det färgschema du har valt för din webbplats som utlöser ett önskat svar? Befinner du dig överväldigad av antalet potentiella webbplats färgpaletter?

alla har favoritfärger som de tenderar att gravitera mot när det gäller deras arbete eller på annat sätt.,

men en skicklig designer förstår vikten av att utvärdera ett färgschema baserat på varumärket, betydelsen av färgerna och de produkter eller tjänster som främjas.

bra färgval tar noggrann planering.

de kan påverka hur en besökare tolkar vad de ser lika mycket som en webbplats layout och typografi — och när det görs bra kan de ha en positiv inverkan på varje besökares utvärdering av varumärket som helhet.,

i den här artikeln tar vi en titt på varför du väljer rätt färger för din webbplats, samt 23 olika färgpaletter från riktiga webbplatser som är effektiva för att fånga besökarnas uppmärksamhet.

Varför är ditt färgschema så viktigt?

innan vi hoppar in i processen att välja ett färgschema för din webbplats är det viktigt att förstå exakt varför din webbplats färgschema betyder så mycket.

trots allt kanske du tänker att det är innehållet som verkligen betyder något. Och det är inte osant.

människor älskar innehåll., De dras till nya röster och lockande information, men du måste fånga deras uppmärksamhet först. Det är där webbplats färgpaletter kommer in i bilden.

om du väljer rätt webbplatsfärgschema får du möjlighet att blåsa dina besökare med ditt innehåll.

Så här:

skapa varumärkeskännedom

din webbplats är i huvudsak ditt företags hem online.

det betyder att det måste vara en korrekt representation av ditt varumärke. Och utöver det måste det vara minnesvärt nog att användarna kommer tillbaka efter sitt första besök.,

trots allt kommer många av dina besökare inte att vara redo att göra ett köp eller annan större konvertering under sitt första besök — och de måste komma ihåg ditt företag för att komma tillbaka och vidta dessa åtgärder.

lyckligtvis ökar färgen varumärkeskännedom med 80%.

Så, om ditt företag redan har ett etablerat färgschema, är det viktigt att inkludera detta i din webbplats design. Detta kommer att göra det mycket lättare för besökare att omedelbart ansluta den med andra platser som de har sett ditt varumärke.,

Plus, om ditt färgschema är konsekvent över hela din webbplats, vet de att de har kommit till rätt plats när de återvänder, oavsett exakt vilken sida de landar på.

utöver att berätta för användare vem ditt företag är, spelar din webbdesign också en viktig roll i användarnas snap-bedömningar om ditt varumärke.

enligt en undersökning, 94 procent av de svarande som heter webbdesign bland de primära drivrutinerna för webbplatsens första intryck.

naturligtvis innebär webbdesign mycket mer än bara färg.,

men med tanke på att färg är en av de mest uppenbara elementen på din webbplats, och en av de enda som en användare kan urskilja inom dessa inledande 50 millisekunder, kan din palett göra eller bryta en användares bedömning av ditt företag.

forma hur besökarna känner för din webbplats

i en annan studie om hur konsumenternas första intryck bildas baseras 90 procent av de första bedömningarna enbart på färg.

i viss utsträckning är orsaken till detta tydlig.

trots allt är färg en av de enklaste aspekterna av en sida att ” förstå.,”Det kan bedömas nästan omedelbart och kräver inte besökare att utvärdera kopia eller andra meddelanden.

men det är också viktigt att överväga den roll som färgpsykologin spelar i dessa snap-bedömningar.

många företag utnyttjar dessa anslutningar, vilket illustreras av logotyperna i följande diagram.

till exempel tenderar varumärken som vill skapa en känsla av kreativitet och fantasi att införliva lila i sina bilder, medan varumärken som vill skapa en känsla av balans och lugn luta sig mot svartvitt.,

detta knyter direkt till ”personlighet” du vill att ditt varumärke ska ha.

i en studie om varumärkets personlighet drog psykologen och Stanford professor Jennifer Aaker slutsatsen att fem kärndimensioner spelar en roll i ett varumärkes personlighet:

varumärken kan ibland blanda egenskaper, men för det mesta är deras ”personlighet” främst centrerad på en. Ett företag som säljer campingutrustning skulle till exempel identifiera sig med ”robusthet”, medan ett modemärke kan sträva efter ” sofistikering.,”

och som du kan se i logotypdiagrammet ovan kan Färg spela en viktig roll för att visa konsumenterna hur ditt varumärkes personlighet är.

även om de flesta kanske inte medvetet inser att ett företags röda logotyp är utformad för att skapa en känsla av spänning, kan det fortfarande göra exakt det.

och medan varje färg kan tjäna till att skapa en specifik känsla eller reaktion, är vissa färger bättre val än andra för de flesta märken och webbplatser.

till exempel anses blå ofta vara det säkraste valet., Detta är delvis eftersom det är den vanligaste ”favorit” färgen bland majoriteten av befolkningen.

faktum är att 57% av männen och 35% av kvinnorna säger att det är deras favoritfärg.

Så, om du vill vädja till en bred publik, kan detta vara ett utmärkt val för din webbplats. I själva verket kan det vara därför några av de mest besökta webbplatser idag, som Facebook och Twitter, använda den för sina logotyper och branding.

det är också värt att notera att blått också ofta är förknippat med känslor av förtroende, auktoritet och tillförlitlighet.,

men det betyder inte att det är det bästa valet för varje webbplats. Det beror helt på den känsla du vill förmedla till dina besökare.

till exempel, om ditt varumärke centrerar på hälsa och välbefinnande, kan green vara ett bättre alternativ för att skapa den föreningen. Och om du vill få dina besökare glada och driva dem att vidta åtgärder snabbt, röd kan vara mer effektivt för att hjälpa dig att uppnå det målet.

så, när du väljer färger för din webbplats, överväga de känslomässiga reaktioner som de kan köra i dina besökare.,

till exempel, om du försöker skapa en känsla av lugn för din yoga studios hemsida, kanske red inte är det bästa valet — och det är bäst att veta att innan du investerar allvarliga pengar i din design.

utveckla en känsla av ordning

bortsett från de känslomässiga svaren de enskilda färgerna du väljer kan framkalla, är det också nödvändigt att överväga hur färgerna på din webbplats interagerar med varandra.

det bästa sättet att göra det är genom att titta på några grundläggande principer för färgteori.,

om du någonsin har tagit en konstklass eller tittat på några designrelaterade resurser har du förmodligen sett något liknande färghjulet i bilden ovan.

det vanligaste konceptet som illustreras inom detta hjul är förhållandet mellan primära färger (röd, gul och blå) och de sekundära och tertiära färger som bildas genom att blanda dem ihop.

men utöver det kan det här hjulet hjälpa dig att skapa färg harmoni eller ett visuellt tilltalande arrangemang av färger., En harmonisk webbdesign palett kan hjälpa dig att skapa en känsla av balans och ordning.

det finns tre allmänt accepterade typer av färgscheman som du kan använda för att skapa denna typ av harmoni: analog, monokromatisk och komplementär.

ett analogt färgschema består av färger som faller sida vid sida på färghjulet. Detta är en av de svåraste paletterna att göra bra eftersom färgerna lätt kan övermanna varandra.

som sagt, analoga färgscheman är också några av de mest levande.,

Så om du vill skapa en färgstark, visuellt intressant webbplats kan du göra det bra med en palett som liknar följande tre exempel:

ett monokromatiskt färgschema faller på den motsatta änden av spektrumet från föregående typ. Som namnet antyder består det av en huvudfärg, men intensiteten och ljusheten i nyanserna varierar.

dessa paletter är några av de enklaste att skapa och den ”säkraste” att implementera eftersom olika nyanser av samma färg sällan någonsin kolliderar eller känner sig för upptagna.,

så om du går för ett relativt enkelt utseende på din webbplats kan ett monokromatiskt färgschema som dessa tre fungera bra för ditt varumärke:

slutligen faller en komplementär palett någonstans mellan analoga och monokromatiska system när det gäller variation.

den består av färger som ligger direkt mittemot varandra på färghjulet. Så medan det handlar om fler färger, kompletterar dessa färger naturligt varandra och kommer inte att överväldiga besökare.,

om du vill inkludera lite variation i ditt färgschema utan att göra din webbplats för upptagen kan ett komplementärt färgschema som ett av dessa vara det perfekta valet:

naturligtvis är dessa tre inte de enda typerna av färgscheman du kan skapa. Faktum är att de bästa paletttyperna varierar beroende på vem du frågar.

ett triadiskt färgschema är ett av huvudalternativen.

det här färgschemat innebär att du använder tre färger som ligger 120 grader från varandra på färghjulet., I bilden ovan är dessa färger orange, grön och lila.

När du väljer dina färger, kom ihåg att de typer som anges ovan inte är definitiva regler. De kan ge dig en allmän uppfattning om den övergripande känslan du vill att din webbplats ska ha, men de är inte på något sätt de enda sätten att skapa en palett som fungerar för ditt varumärke.

oavsett vilken typ av palett du går med kan du använda den för att skapa en hierarki av det viktigaste innehållet på var och en av dina sidor.,

gör att vissa element sticker ut

som jag nämnde i föregående avsnitt kan en definierad färgwebbplatspalett vara till hjälp för att indikera att vissa element är viktiga.

Du kan maximera denna effekt genom att hålla isoleringseffekten i åtanke när du bestämmer hur du använder ditt färgschema på dina sidor.

den allmänna idén bakom denna psykologiska princip är att ju mer ett objekt sticker ut, desto mer sannolikt är det att märkas och komma ihåg.,

se till att färgerna du väljer ger Dig möjlighet att göra vissa samtal till handling sticker ut på dina sidor utan att kollidera med resten av din design.

detta tillvägagångssätt är i linje med de flesta konsumenternas preferenser också.

i två studier, estetiskt svar på färgkombinationer och konsumentpreferenser för färgkombinationer, fann forskare att medan konsumenterna föredrar färgkombinationer med liknande nyanser, gynnar de också paletter med en mycket kontrasterande accentfärg.,

den första studien visade att ”pair preferens och harmoni både ökar när Hue likhet ökar.”Men,” även om par med mycket kontrastiva nyanser i allmänhet bedöms vara varken att föredra eller harmonisk, figural färg preferens betyg ökar som nyans kontrast med bakgrunden ökar.”

i den andra studien fann forskare att ” människor brukar vilja kombinera färger som är relativt nära eller exakt matchar, med undantag för att vissa människor markerar en signaturproduktkomponent genom att använda kontrastiv färg.,”

så även om din accentfärg ska ha en stark kontrast, är det okej-och till och med föredraget — om resten av din palett består av relativt liknande nyanser.

det innebär att skapa webbdesignpaletter som innehåller en stark, uppmärksamhetskrävande accentfärg inte bara är effektiv för att isolera vissa element utan också är ett bra sätt att skapa en kombination som många av dina besökare kommer att tycka om.

förenkla designrelaterade beslut

När det gäller att köra en webbplats eller ett företag (eller båda!), det är alltid en bra idé att leta efter sätt att förenkla grundläggande processer.,

ju mindre tid du spenderar på grundläggande uppgifter desto mer tid måste du spendera på processer och beslut som har större inverkan på din framgång.

och upprättandet av webbdesign paletter är ett bra sätt att skära ner på den tid det tar att skapa nya sidor. När du har ett etablerat färgschema gör du grundläggande designval mycket enklare, både för dig själv och för dina designers och utvecklare.,

detta gäller särskilt om du tar dig tid att dokumentera paletten på ett lättanvänt sätt som den här verksamheten gjorde:

När du skapar ett användarvänligt dokument på paletten, tillverkar du en överblick resurs med alla möjliga alternativ för varje element.

Om du (eller dina designers) har problem med att bestämma vilken färg som ska användas för en CTA-knapp kan du helt enkelt referera till dokumentet för en komplett lista över dina alternativ.,

så istället för att racka din hjärna för alla de olika möjligheterna kan du välja från en förinställd lista med färger. Och när du väljer några att använda eller testa, alla HEX och RGB koder är redan rätt framför dig.

hur många färger ska du införliva?

allt beror på komplexiteten i din design och typerna av färgkombinationer. Om du till exempel använder en monokromatisk webbdesignpalett kan du behöva sju eller ännu fler nyanser av den färgen för att fånga tillräckligt med variation på skärmen.,

du vill ange färger för specifika delar av din webbplats, till exempel text, bakgrunder, länkar, länkhöljefärger, CTA-knappar och rubriker.

hur man väljer en webbplats färgschema

om du inte är säker på hur du väljer de bästa webbdesign färgpaletter, kolla in den här videon Jag skapade. Det går igenom praktiska tips för att välja en webbplats färgschema.

helst återspeglar webbplatsens färgpaletter ett företags värderingar, övertygelser och syfte., Höga färger kan indikera en mindre formell atmosfär och mer spänning, medan dämpade färger ger en mer sofistikerad eller formell anteckning till verksamheten.

men det är inte alltid lätt att översätta när du stirrar på tusentals potentiella färgkombinationer. Låt oss titta på 23 stora webbplats färgpaletter som kan hjälpa dig att öka engagemanget.

16 stora webbplats färgpaletter för att öka engagemang (2020)

följande webbplatser använder olika webbplats färgpaletter till stor effekt. De är noga utvalda för de känslor de framkallar och de känslor de förmedlar.,

Mea Cuppa

webbplatsen mea Cuppa använder en ögonvänlig färgpalett som innehåller ett par juveltoner (Rubin och smaragd) för maximal livskraft, men annars bygger på en neutral, monokromatisk palett av bruna och gråa.

paletten webbdesign väcker en kafé känsla och återspeglas i webbplatsens hjälte bild, vilket skapar sammanhållning.

den stora toppen

BigTop är en gemenskap som specialiserat sig på att hjälpa startups nätverk., Webbplatsen använder en ovanlig men extremt uppmärksamhetskombination av juveltoner som sträcker sig från lila och blå till ljus orange och gul.

de primära färgerna är alla coola färger, vilket gör de varmare färgerna pop. Du kommer att märka på hemsidan skärmdump att den orange och gula CTA griper din uppmärksamhet innan något annat.

Tori ’ s Eye

vårt tredje exempel kommer från Twitter visualiseringsverktyg Tori ’ s Eye. Detta är ett bra exempel på ett mestadels monokromatiskt färgschema., Här ser vi effekterna av en enkel men kraftfull färgpalett centrerad kring nyanser av grönt.

det här färgschemat är ofta lätt att dra av, eftersom en nyans av en färg nästan alltid fungerar med en annan nyans av samma färg.

BarkBox

den dominerande rosa färgen på BarkBox hemsida upprepas hela webbplatsen i olika nyanser. Den kontrasterar vackert med den blå färgen som används i logotyperna och CTAs i hela webbplatsen.,

använda kompletterande färger för att dra besökarnas uppmärksamhet där du vill kan det bidra till att förbättra någon webbplats färgpalett.

ost Survival Kit

röd är en extremt populär färg för en webbplats färgpalett. Det kan förmedla en rik blandning av känslor, vilket gör den väldigt mångsidig. Det är särskilt kraftfullt när det används i små doser, som du ser på Cheese Survival Kit-webbplatsen.,

den röda är tempererad med mer neutrala färger, och den blå hjälper till att packa en stans för CTAs och andra områden där verksamheten vill rita besökarens öga.

Nordic Ruby

Nordic Ruby, en konferens i Stockholm, har en vacker hemsida designad i rika juveltoner. De färger som valts för denna webbplats färgpalett låna det förfining och ställa den Bortsett från mindre effektfulla mönster.,

Lake Nona

Lake Nona är en webbplats för en viss plats — specifikt en nära vattnet. Följaktligen är det inte förvånande att se en blå färg representerad här. De andra neutrala färgerna låter det blå sticka ut snyggt.

LemonStand

återigen, det finns ingen överraskning att ett företag som heter Lemon Stand skulle ha gul i sin webbplats färgpalett. Blues och grays par fint med den gula och hjälpa till att mildra dess ljusstyrka.,

Mint

Mint är en webbplats för finansiering, så användningen av gröna och blues är bra val. De hjälper till att förmedla lugn, fridfullhet och förtroende. Neutrala nyanser i den bruna familjen gör det till en övergripande jordnära färgpalett som lugnar sinnena.

Odopod

odopod går med monotonfärgpaletten, men hjälper till att undvika att se tråkigt ut med en gradient på sin hemsida., Den stora typografin erbjuder utmärkt kontrast, och det är uppenbart var de vill att du ska klicka.

Fiverr

Du kanske märker att många företag reserverar en viss färg — när det gäller Fiverr, grön — uteslutande för CTAs. Det visas inte någon annanstans på webbplatsen. Faktum är att det inte ens plockades upp av ColorFav eftersom det domineras av de mer neutrala färgerna.,

Digital Photography School

du förväntar dig att ett företag centrerat på bildkonsten har en befallande webbplats färgpalett, och Digital Photography School inte svika. De livfulla färgerna hjälper till att dra in tittaren. Och precis som Fiverr visas inte den orange som används i CTA ens på webbplatsens palett eftersom den används sparsamt för påverkan.,

Ahrefs

Ahrefs är ett exempel på en webbplats som använder sin färgpalett frikostigt. En mörkare blå tjänar som dominerande färg, men variationer av det finns i hela webbplatsen. Detsamma gäller för orange, rosa och kricka färger.

Millo.co

Millo.co använder en mycket enkel webbplats färgpalett, och det är bättre för det. Vi vet exakt var vi ska leta när vi besöker en webbplats som denna.,

Brian Gardner

vissa företag och individer tar den monokromatiska färgpaletten till det yttersta. Brian Gardner, Webbdesigner, använder ett svartvitt färgschema som fungerar perfekt. Det är baserat på hans märke av minimalism, så det speglar hans värderingar och övertygelser.

Vävstol

mjuka färger kan fungera bra när du vill sätta besökaren till mods. Loom sysselsätter liberala doser av lax och baby blue., Det fungerar bra, speciellt med den mörkare blå färgen tillgänglig för CTAs och andra viktiga element på sidan.

en praktisk lista över resurser för att plocka den perfekta webbplatsens färgpalett

här är 18 färgpalett resurser för att ställa dig med den perfekta paletten för din webbplats.

först, behöver du inspiration?

1: brandfärger

brandfärger visar hur ledande varumärken använder färg för att skilja sina företag, berätta för sina varumärkeshistorier och låt sina kunder veta vad de står för., Du kan bläddra alfabetiskt genom en lista över företag, ideella organisationer och startups, eller söka efter varumärke.

letar du efter en färdig palett?

2: ColourLovers

ColourLovers är ett forum för palettdesign, med nästan 2 miljoner paletter inlämnade av sina användare. Du kan jaga upp ”paletter som innehåller denna färg,” bläddra, eller följa designers. Ofta hittar du varianter av samma palett, vilket ger dig nyans och mättnadsalternativ färdiga.

(komplett med nyckfulla namn.,)

3: ColoRotate

ColoRotate levereras med ett bibliotek med färgscheman som du kan bläddra, välja mellan och ändra. Om du vill bygga din egen från början kan du, med ett 3D-färgverktyg. Och du kan använda det schema du skapade rakt i PhotoShop eller fyrverkerier, med ColorRotate plugin och iPad app.

matcha ditt varumärke

men vad händer om du redan har bilder, logotyper eller branding som din webbplats färger måste matcha?,

4: Color Hunter

Color Hunter är inte ett verktyg med ett massivt utbud av funktioner, som några av allt-i-ett-kraftverk på den här listan. Istället är det en solid lösning för en sak: spåra en viss färg. Gå till webbplatsen och släpp sedan en bild i och verktyget skapar en palett för dig från bilden. Detta är ett solidt sätt att skapa färgpaletter runt bilder du behöver din webbplats för att harmonisera med, och du kan också använda den för att reversera paletterna på webbplatser du gillar utseendet på.,

5: Pictaculous

Pictaculous genererar färgpaletter från Foton – Ladda upp ett foto, och Pictaculous kommer att föreslå färger för att matcha det. Förutom att erbjuda dig en palett baserad på det foto du laddar upp, kommer Pictaculous att erbjuda färdiga färgscheman som matchar.

dessa verktyg kommer att generera hela färgpaletter.

6: Adobe Color CC Color Wheel

det här verktyget brukade kallas Adobe Kuler, och det började som en grundläggande Färgjämförelse webbplats. Nu är det en full effekt färgpalett byggsystem., Det låter dig prova, jämföra och spara färgkombinationer baserat på en färg sfär. Du kan välja typer av palett och generera femfärgade paletter med olika nivåer av inmatning från verktyget, inklusive helt anpassade och nästan automatisk.

7: Paletton

Paletton låter dig bygga en färgpalett snabbt. Välj det schema du vill ha: mono, komplementär, triadisk, tetradisk, analog eller accentuerad analog. Sedan, när du ändrar en färg i systemet, ändras de andra för att matcha den.,

8: Color Spire

Color Spire bygger dig en färgpalett från en enda färg. Du väljer en startfärg, och Color Spire föreslår en palett av färger att använda i kombination med den. Det ger också en förhandsgranskning, så att du kan se hur färgerna som rekommenderas skulle se ut på en provwebbplats.

9: MudCube färg sfär

(källa:http://htmlcolorcodes.com/resources/best-color-palette-generators/)

Mudcube färg sfär är en krom plugin som hjälper dig att harmonisera färger, kontroll för färgblindhet och identifiera hex koder., Du kan också exportera färgscheman direkt till Illustrator, PhotoShop och CoIRD.com.

10: sammanhängande färger

sammanhängande färger tar din nuvarande palett och låter dig manipulera den, lägga till en overlay nyans i färgen på ditt val och generera en ny palett från en befintlig snabbt och enkelt.

11: Hex Color Scheme Generator

det här verktyget låter dig skapa färger som fungerar i kombination med en färg du redan har. Det är lite mer grundläggande än några av color sphere-verktygen i den här listan., Du klistrar in ett Hex-nummer i verktyget eller klickar på färghjulet, och det återvänder med en uppsättning ytterligare 3 färger som matchar, komplett med Hex-koder.

bygga dina färger

några av dessa verktyg måste du ha en färg i åtanke till att börja med. Om du inte har branding måste du matcha, och brandfärger visade dig inte något som fångade ditt öga, du kan börja från början.,

12: The Color App

detta iOS-verktyg låter dig fatta fina beslut mellan liknande färger, genom att lägga ut dem tydligt med lite utrymme mellan dem snarare än i gradienter, som i färghjul och sfärer. Stora färg galler kan du använda hela skärmen (iPad Pro användare, glädjas!) och det låter dig också prova färger, hitta RGB, Hex och hsla-värden och skapa färgpaletter från början.,

13: Color

Color, av HailPixel, låter dig verkligen spika ner exakt vilken färg du vill ha, och ger dig sedan Hex-koden för den.

håll muspekaren över skärmen och färgen ändras väldigt lite när du flyttar – det är som en färgsfär som ständigt matar tillbaka i Hex-koder. Flytta över skärmen för färg, upp och ner för mättnad.

hämta koderna för en färg

om du har sett en färg någonstans och du inte vet exakt vad du ska kalla den, är det verktygen för dig.,

14: SpyColor

SpyColor ger dig information om vilken färg som helst, inklusive Hex, RGB, CMYK och andra koder. Verktyget visar dig utbud av schematyper som komplementär, split-komplementär, triadisk, konflikt och analog, på varje färgsida.

15: HTML-färgkoder

HTML-färgkoder hittar hex-koder för bildfärger i din webbläsare. Du väljer en bild från skrivbordet och klicka på ”Visa bild”, sedan musen över den för att få Hex-koder för de olika delarna av bilden.,

testa paletten

När du har en färgpalett på plats, måste du veta om det kommer att fungera för en mängd olika besökare.

16: kontrollera mina färger

kontrollera mina färger kan du kontrollera färgpalettens förgrunds-och bakgrundsfärger, se till att de ger tillräcklig kontrast för någon med färgunderskott. Om du vill colorblindness-bevis din webbplats, eller bara få de mest effektiva och intuitiva färgkombinationer från ett UX perspektiv, detta verktyg är ovärderlig., Släpp in en webbadress och det spottar ut en rapport:

…som i princip går igenom all kod för din webbplats och betygsätter alla visuella element i den på synlighet.

matchande bilder

nu är din färgpalett på plats och du vet att den är super synlig, du behöver några bilder för att matcha.

17: TinEye

TinEye är mer känt som ett alternativ till Google Bildsökning., Men det fungerar också som ett sätt att utforska färgkombinationer, med hjälp av en databas med över 10 miljoner Creative Commons licensfotografier skördade från Flickr. Om du letar efter bilder i den perfekta färgkombinationen är detta ett bra, lättanvänt sätt att jaga upp dem.

18: Designspiration

Designspiration låter dig välja upp till fem nyanser från en helsidig palett, vilket ger Dig möjlighet att se färgerna tydligt. Sedan visar webbplatsen Alla bilder i sin databas med den färgkombinationen., Det visar dig Hex nummer tydligt, och låter dig klicka på enskilda Hex nummer. Du kan spara bilder till Samlingar på Webbplatsen samt ladda ner dem.

hur du använder ett verktyg för Webbplatsbeteende för att analysera de bästa färgpaletterna

Du kanske tror att allt du behöver göra är att välja en webbplats färgpalett och gå vidare full ånga framåt. Det är inte det bästa sättet att göra affärer.

Tänk på det. Du testar dina CTAs, rubriker och andra Webbplatselement. Varför ska färgen vara annorlunda?,

ett webbaserat beteendeanalysverktyg som Crazy Egg erbjuder ett perfekt tillfälle att ta reda på hur din målgrupp svarar på din nuvarande färgpalett.

rapporter om användarnas beteende som heatmaps kommer att berätta om dina färger fångar ögonen på de människor som spelar störst roll — dina nuvarande och potentiella kunder.

När du har rådata i dina händer kan du fatta välgrundade beslut om din webbplatsfärgpalett.,

Tänk dig att du har skapat en webbplats för en publik av sportälskare och har valt färgerna blå och rosa samt ett par neutrala grays. Din publik gillar det inte.

det kanske inte förmedlar din bild tillräckligt bra. Sportälskare kanske gillar djärvare, mörkare färger och jordnära toner.

Du vet inte förrän du testar.

börja använda Crazy Egg

skapa ett gratis Crazy Egg-konto för att börja din gratis testperiod eller logga in för att ställa in dina användarbeteenderapporter.

Du kan köra flera tester samtidigt så att du inte slösar bort timmar, dagar eller veckor., Istället kan du fånga data i realtid och fokusera dina ansträngningar på att hitta den bästa färgpaletten möjligt.

slutsats

din webbplats färgpalett bör inte bara återspegla ditt varumärke, men också vädja till din publik. Annars kan människor stängas av av din webbplats utan att ens inse det.

börja med vad du vill. Överväg att välja en palett som skiljer sig från andra i din nisch så att du sticker ut. Börja sedan testa.

det är enkelt att ändra färgerna på din webbplats. Om du känner till HTML kan du ändra HEX-koderna i dina temafiler manuellt., Många WordPress teman kommer också med customizers som gör att du kan ändra färger utan att veta någon kod.

ge dig själv möjlighet att göra din webbplats så visuellt tilltalande och minnesvärd som möjligt.