Varme og kalde farger: bruk temperatur med vilje

Varme og kalde farger er de to halvdelene av fargehjulet. Rødt, oransje og gult føles varmt, som ild og sollys. Grønt, blått og fiolett føles kaldt, som vann, skygge og kveld. Temperaturen endrer hvordan et design føles før noen har lest det: varme farger kommer fram og gir energi, kalde farger trekker seg tilbake og roer ned. Å bruke den med vilje er en av de raskeste måtene å få en palett til å føles gjennomtenkt på.

Temperatur er relativ

Grensen mellom varmt og kaldt er ikke fast. Gulgrønne og rødfiolette toner ligger på grensen, og enhver farge ser varmere ut ved siden av en kaldere. En magenta ved siden av en himmelblå leses som varm, og den samme magentaen ved siden av oransje leses som kald. Derfor bør du bedømme temperatur i paletten, ikke fargeprøve for fargeprøve.

Farger har også temperatur innenfor en fargetone. En rød som heller mot oransje, er varmere enn en rød som heller mot blått, og en blå med et snev av grønt er varmere enn en som heller mot fiolett. Designere kaller denne helningen undertonen, og det er den som får to «røde» til å krasje.

Hvordan varme og kalde farger skaper dybde

Varme farger ser gjerne ut til å komme fram, og kalde til å falle tilbake. Landskapsmalere har brukt dette i århundrer: luften sprer lyset, så fjerne åser ser faktisk blåere og blekere ut, og øynene våre leser kaldt og blekt som langt unna. Du kan låne den samme effekten i flatt design.

Den praktiske regelen: legg kalde farger i store bakgrunnsflater og spar varme farger til det som skal nå betrakteren først. En varm handlingsknapp på en kald side skiller seg ut uten å måtte være stor, noe som passer fint med 60-30-10-regelen.

Varme og kalde nøytraler

Grått, hvitt og svart har også temperatur, og den betyr mer enn folk venter. En varm, brukket hvit føles som papir, mens en kald hvit føles som en skjerm eller en klinikk. Et design som blander en varmgrå bakgrunn med kaldgrå tekst, ser ofte litt feil ut uten at noen kan si hvorfor.

:root {
  /* Warm neutrals: pair with reds, oranges, golds */
  --paper: #f5efe6;
  --stone: #b8ada0;
  --charcoal-warm: #3d3530;

  /* Cool neutrals: pair with blues, greens, violets */
  --mist: #eef2f6;
  --slate: #a3adb8;
  --charcoal-cool: #2b3240;
}

Blande varmt og kaldt i én gradient

Gradienter fra varmt til kaldt er blant de mest slående som finnes, og solnedganger beviser det. De er også de som lettest går galt, fordi varme og kalde farger ofte ligger rett overfor hverandre på hjulet, og en rett overgang mellom dem går gjennom grått. Løsningen er å føre overgangen gjennom en farge som hører til begge sider, som regel rosa, magenta eller fiolett.

Proporsjoner betyr noe her også. La én temperatur lede og den andre dukke opp som kontrast. En stort sett kald gradient med en varm glød i den ene kanten føles som kveldslys, mens en jevn deling mellom varmt og kaldt føles ubestemt. Solnedgangsgradienter har mange flere eksempler på varmt og kaldt som deler én flate.

Varme og kalde farger i hverdagsdesign

• En menytavle på en kafé: varm kremfarget grunn, espressofarget skrift og én aksent i terrakotta, så den føles som rommet den henger i
• En bankapp: flater i kald skifer og blått, med én varm rav til varsler som trenger oppmerksomhet
• En plakat for et nattarrangement: en dyp, kald fiolett flate med en varm oransje overskrift som spretter fram
• En hudpleielansering: kald tåke og salvie, løftet av én varm fersken til produktnavnet
• En sportskampanje: varm rød og oransje leder, og en kald marine bare til den lille skriften

I hvert tilfelle setter én temperatur klimaet, og den andre styrer oppmerksomheten. Den kombinasjonen er også en mild form for komplementærkontrast, uten det fulle sammenstøtet mellom ekte motsetninger.

Velge en temperatur for merkevaren din

1. 1

   Start med følelsen

   Imøtekommende, livlige og praktiske merkevarer heller som regel mot varmt. Presise, rolige og tillitvekkende merkevarer heller som regel mot kaldt. Ingen av delene er bedre. Velg den som passer til det du gjør.

2. 2

   Velg én ledende temperatur

   Bygg det meste av paletten, også nøytralene, på den ene siden. Det gir merkevaren et konsekvent klima.

3. 3

   Legg til én aksent fra den andre siden

   Én varm aksent på en kald merkevare, eller en kald på en varm, gir kontrast og et tydelig sted for øyet å lande.

4. 4

   Test i sammenheng

   Sjekk paletten på de skjermene og materialene den faktisk skal leve på. Farger forskyver seg mellom skjermer og igjen på trykk, se hvordan du velger merkevarefarger.