Först något om färgpsykologi
”Rött säljer, blått bygger förtroende, grönt betyder miljö.” Många guider upprepar sådana meningar, men forskningen om färgpsykologi ger blandade resultat. Vad en färg betyder beror på sammanhang, kultur och kategori: samma röda färg betyder en sak på en godisförpackning och en annan i en bankapp.
När du väljer färg är därför två andra frågor viktigare. Skiljer den dig från konkurrenterna, som i många branscher använder samma två nyanser? Och går den att använda tekniskt överallt där varumärket syns? Resten av artikeln handlar om den andra frågan.
En palett är mer än en färg
Ett varumärke som bara har ”sin färg” börjar snart måla allt med den, och då sticker ingenting ut. En bra palett har flera lager:
- En huvudfärg, igenkännbar och sparsamt använd: knappar, markeringar, de viktigaste elementen.
- Neutrala färger: bakgrunder, text, linjer och ytor. De fyller största delen av skärmen.
- Accenter, en eller två stödfärger för diagram, illustrationer och markeringar.
- Funktionsfärger: lyckat, varning, fel. Är varumärkets färg röd behöver felmeddelandet en annan nyans, så att det inte förväxlas med en knapp.
Den populära 60–30–10-regeln (60 % neutralt, 30 % sekundärfärg, 10 % accent) är ingen lag, men en bra påminnelse om att huvudfärgen fungerar bäst när den inte finns överallt.
Kontrast: går det att läsa
WCAG kräver en kontrast på minst 4,5:1 för vanlig text och 3:1 för stor text och gränssnittselement som fältkanter och ikoner. Många ljusa varumärkesfärger, särskilt gula, ljusorange och ljusgröna, klarar inte det med vit text.
Det betyder inte att varumärket måste bytas. Det räcker med en variant: den ljusa färgen för stora ytor och illustrationer, en mörkare nyans av samma färg för knappar och text. Kom också ihåg att färg aldrig får vara det enda som bär information. Ett fält med fel behöver också ett meddelande, inte bara en röd ram.
Skärm och tryck är två olika världar
En skärm lyser, papper reflekterar ljus. Därför behöver varumärkets färg flera definitioner:
- HEX och RGB för webbplatser, appar och presentationer.
- CMYK för digitaltryck och offset.
- Pantone för tryck med dekorfärg, när färgen måste se likadan ut på varje upplaga.
Mycket mättade skärmfärger, särskilt intensiva orange, gröna och blå, hamnar ofta utanför det som går att trycka i CMYK. Tryckvärdena måste väljas separat och kontrolleras på ett provtryck, inte räknas om automatiskt i ett program.
Mörkt läge
Allt fler använder telefon och dator i mörkt läge. En palett som är gjord för vit bakgrund går inte att föra över rakt av:
- Huvudfärgen behöver ofta ljusas upp på mörk bakgrund för att behålla kontrasten.
- Helt svart under helt vit text är tröttsamt att läsa. Mycket mörka gråtoner och en lätt dämpad vit fungerar bättre.
- Logotypen behöver en negativ version.
- Kontrasten måste kontrolleras igen, separat för varje färgpar.
Så dokumenterar du paletten
En PDF med snygga färgcirklar räcker inte. Teamet och externa leverantörer behöver en tabell:
| Vad du skriver ner | Varför |
|---|---|
| Färgens namn och roll | Så att alla menar samma sak |
| HEX, RGB, CMYK, Pantone | Så att färgen ser likadan ut i alla medier |
| Tillåtna par av text och bakgrund | Så att ingen behöver räkna kontrast från början |
| Variant för mörkt läge | Så att appen och webbplatsen inte hittar på egna |
| Exempel på användning | Så att proportionerna syns, inte bara färgprover |
Vi tar fram färgerna tillsammans med märket och typografin, eftersom det är först tillsammans man ser om systemet fungerar. Börjar du med logotypen, läs också vilken sorts logotyp ditt företag behöver, och se hur vi arbetar med branding.
Låt oss prata om ditt projekt
Det första samtalet tar 30 minuter och är gratis. Efteråt vet du om vi kan hjälpa till och vad det kommer att kosta.
Boka samtal
