Hur många färger finns det i världen?

En oerfaren – men orädd – webbdesigner sa en gång “Det finns 10 miljoner färger och jag är inte rädd att använda dem alla”. Det är inget att rekommendera om du vill undvika totalt kaos när du vill bygga en hemsida. Frågan är dessutom felställd.

Egentligen finns det bara ett fåtal grundfärger, och när vi tycker vi ser en annan färg är det snarare en nyans av en (grund-)färg vi ser. En färg kan ha olika mättnad och ljusstyrka och det är det som skapar alla de varianter vårt öga kan uppfatta. Men i vardagsspråk använda vi ordet färg även om både grundfärger och nyanser.

Strålning

Olika färger är elektromagnetisk strålning av olika våglängder. De våglängder vi kan “se” med våra ögon kallar vi synligt ljus. Så frågan ska snarare ställas: ”Hur många olika våglängder kan våra ögon särskilja”? Då blir svaret någonstans mellan 8 och 10 miljoner.

Färgteori är en hel vetenskap och när du väljer färger till din hemsida är det lätt att gå vilse bland alla valmöjligheter. På webben finns det otaliga bevis på hur svårt det kan vara och många använder färgkombinationer som helt enkelt inte fungerar ihop.

Dåliga färgval

Ta en titt på bilden. Som du ser finns det mindre bra färgkombinationer. Använd inte för många olika färger till din webbsajt, risken är stor att det upplevs rörigt och oprofessionellt. Värt att notera, detta är startsidan för Yale School of Art…

Det finns många bra verktyg att använda när du ska välja färger till din webbsajt. De här verktygen bygger på färgteori och förklarar hur färger kan kombineras för att skapa olika stämningar, kontraster, känslor och reaktioner.

Så istället för att chansa när du väljer färger, använd något av de färdiga verktygen istället. Här är några av mina favoriter när det gäller att generera bra färgkombinationer:

Goodpalette
Coolors
ColorSpace
Palettemaker

Färger associerar

Olika färger associerar till olika känslor och därför måste du välja rätt färger på din webbsajt för att förmedla den känsla och det budskap du vill få fram.

Vissa associationer är så självklara – som att grönt betyder ”kör” eller ”ok” och rött betyder ”varning” – att vi utnyttjar det inom webbdesign. Gå inte ifrån dessa normer i ett försök att var nytänkande och unik; det skapar förvirring för dina besökare på din hemsida.

I en del kulturer kan färgerna betyda något helt annat än de gör för oss i Sverige, och i vissa länder är vitt faktiskt en färg för sorg.

Färger används också för att skapa kontraster och blir ett verktyg inom UX-design för att visa hierarki. Läs mer om UX-design och hierarki.

Tips på hur du gör din egen färgpalett

1. Välj en huvudfärg. Det kan vara en färg från din logo, en färg som associerar till din verksamhet eller helt enkelt bara en färg du gillar.
2. Skapa en palett utifrån din huvudfärg genom att använda ett färgverktyg från listan här ovanför
3. Om du är osäker, välj bara en (1) huvudfärg tills du lärt dig och blivit van i hur färger fungerar tillsammans. Senare kan du lägga till en andra färg eller till och med en tredje färg. Det bästa verktyget när du jobbar med bara en färg är Goodpalette.

Chans aldrig när du ska bygga hemsida och välja färger. Annars är risken att det slutar så här.