Varma och kalla färger: använd temperatur med avsikt

Varma och kalla färger är färghjulets två halvor. Rött, orange och gult känns varmt, som eld och solljus, medan grönt, blått och violett känns kallt, som vatten, skugga och kväll. Temperaturen förändrar hur en design känns innan någon har läst den: varma färger kommer fram och ger energi, kalla färger sjunker tillbaka och lugnar. Att använda den med avsikt är ett av de snabbaste sätten att få en palett att kännas genomtänkt.

Temperatur är relativ

Gränsen mellan varmt och kallt är inte fast. Gulgrönt och rödviolett ligger på gränsen, och varje färg ser varmare ut bredvid en kallare. En magenta bredvid en himmelsblå läses som varm, medan samma magenta bredvid orange läses som kall. Därför ska du bedöma temperaturen i paletten, inte prov för prov.

Färger har också temperatur inom en nyans. En röd som lutar åt orange är varmare än en röd som lutar åt blått, och en blå med ett stänk grönt är varmare än en som lutar åt violett. Designers kallar den lutningen undertonen, och det är den som får två ”röda” att krocka.

Så skapar varma och kalla färger djup

Varma färger tenderar att se ut att komma fram och kalla att falla tillbaka. Landskapsmålare har utnyttjat det i århundraden: luften sprider ljus, så avlägsna kullar ser verkligen blåare och blekare ut, och våra ögon läser kallt och blekt som långt bort. Samma effekt kan du låna i platt design.

Den praktiska regeln: lägg kalla färger på stora bakgrundsytor och spara de varma för det som ska nå betraktaren först. En varm uppmaning på en kall sida sticker ut utan att behöva vara stor, vilket passar väl ihop med 60-30-10-regeln.

Varma och kalla neutrala toner

Grått, vitt och svart bär också temperatur, och den spelar större roll än folk tror. Ett varmt off-white känns som papper, ett kallt vitt känns som en skärm eller en klinik. En design som blandar en varmgrå bakgrund med kallgrå text ser ofta lite fel ut utan att någon kan säga varför.

: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;
}

Blanda varmt och kallt i en gradient

Gradienter från varmt till kallt är några av de mest slående som finns, och solnedgångar bevisar det. De är också de som oftast går snett, eftersom varma och kalla färger ofta ligger mitt emot varandra på hjulet och en rak övergång mellan dem passerar grått. Lösningen är att leda övergången via en färg som hör till båda sidor, oftast rosa, magenta eller violett.

Proportionerna spelar också roll. Låt en temperatur leda och den andra framträda som kontrast. En mestadels kall gradient med en varm glöd i ena kanten känns som kvällsljus, medan en jämn delning mellan varmt och kallt känns obestämd. Solnedgångsgradienter har många fler exempel på varmt och kallt i samma fält.

Varma och kalla färger i vardaglig design

• En menytavla på ett kafé: varm gräddvit botten, espressofärgad text och en accent i terrakotta, så att den känns som rummet den hänger i
• En bankapp: kalla skiffer- och blåtoner, med en varm bärnsten för varningar som kräver uppmärksamhet
• En affisch för en nattevent: ett djupt kallt violett fält med en varm orange rubrik som hoppar fram
• En hudvårdslansering: kall dimma och salvia, lyfta av en enda varm persika för produktnamnet
• En sportkampanj: varm röd och orange som leder, en kall marinblå bara för det finstilta

I varje fall sätter en temperatur klimatet och den andra styr uppmärksamheten. Den kombinationen är också en mild form av kontrast med komplementfärger, utan den fulla krocken mellan verkliga motsatser.

Välja temperatur för ditt varumärke

1. 1

   Börja i känslan

   Välkomnande, livliga och handfasta varumärken lutar oftast åt varmt. Precisa, lugna och pålitliga varumärken lutar oftast åt kallt. Ingen är bättre, välj den som stämmer med det du gör.

2. 2

   Välj en ledande temperatur

   Bygg det mesta av din palett, inklusive neutrala toner, på ena sidan. Det ger varumärket ett enhetligt klimat.

3. 3

   Lägg till en accent från andra sidan

   En enda varm accent på ett kallt varumärke, eller en kall på ett varmt, ger kontrast och en tydlig plats där blicken kan landa.

4. 4

   Testa i sammanhanget

   Kontrollera paletten på de faktiska skärmar och material den ska leva på. Färger skiftar mellan skärmar och igen i tryck, se så väljer du varumärkesfärger.