Kortversionen
- Gult förknippas med solsken, värme, optimism, glädje och uppmärksamhet, men också med varning och försiktighet.
- Gult är den ljusaste mättade färgen, vilket är varför den används på skolbussar, taxibilar, varselkläder och varningsskyltar.
- Vit text på gult är nästan oläslig, medan svart på ren gul når ett kontrastförhållande på 19,56:1, bland de högsta möjliga.
- Att mörka gult med svart gör det olivfärgat, så djupare gula toner som senap och guld skapas genom att skifta mot orange och brunt.
- Gult var historiskt kejsarfärgen i Kina, och saffran och djupgult har helig betydelse inom hinduism och buddhism.
På den här sidan
Den gula färgens betydelse är först och främst solsken: värme, optimism, glädje och energi. Eftersom gult är den ljusaste och mest ögonfallande av de mättade färgerna betyder det också uppmärksamhet och försiktighet, från getingens ränder till en vägskylt. I varumärken läses det som vänligt, prisvärt och upplyftande. Används det väl är det oförglömligt. Används det slarvigt är det den färg som oftast gör ord oläsliga, vilket är varför den här guiden ägnar lika mycket tid åt kontrast som åt betydelse.
Vad gult betyder
- Solsken och värme: färgen på solljus, sommar och mogen frukt, så den känns ljus och generös.
- Optimism och glädje: smileys, solrosor och glada förpackningar lutar sig alla mot den.
- Uppmärksamhet: gula överstrykningspennor, lappar och prisetiketter finns för att gult syns.
- Varning: varningstejp, varningsskyltar och de svart-gula ränder som getingar och bin delar med fabriksgolv.
- Mindre smickrande: på engelska kan ”yellow” betyda feg, och bleka sjukliga gula toner kan antyda sjukdom eller ålder.
Som med varje färg är de här associationerna inlärda och beror på sammanhanget. Ett mjukt smörgult på en bageriask och ett varningsgult på en byggskylt är samma ton med motsatta budskap; färgpsykologi förklarar varför.
Vad varje gul nyans betyder
#FFF44FLäses oftast som
Vanligt i
#FFD60ALäses oftast som
Vanligt i
#F4C430Läses oftast som
Vanligt i
#FFBF00Läses oftast som
Vanligt i
#E1AD01Läses oftast som
Vanligt i
#D4A017Läses oftast som
Vanligt i
#FFF1B8Läses oftast som
Vanligt i
Gult och läsbarhet
Gult är nästan lika ljust som vitt, så det beter sig som en ljus bakgrund, hur högljutt det än ser ut. Vit text på solros #FFD60A mäter 1,41:1, långt under de 4,5:1 som WCAG kräver för brödtext. Ren gul på vitt är sämre, med 1,07:1: nästan osynligt. Vänd på det och gult blir en av de bästa bakgrunderna som finns: svart på ren gul når 19,56:1.
Undvik
- Vit text på något gult
- Gul text på en vit sida
- Text i guld
#D4A017på vitt, bara 2,38:1 - Gult som enda signal om en varning
Gör så här
- Nästan-svart eller djupbrun text på gult
- Gult som bakgrund, band eller markering
- Mörkt guld
#8A6D00för text på vitt, 4,92:1 - Ett varningsord eller en ikon vid sidan av gult
Varje gult i den här artikeln klarar sig lätt med nästan-svart: senap med #111111 når 9,15:1, och smör med djupbrunt #3A2E05 når 11,78:1. Färgkontrast förklarar gränsvärdena.
Varför mörkt gult blir grönt, och hur du rättar till det
Lägg till svart i gult och det blir inte ett djupare gult; det blir olivgrönt. Därför skapas djupare gula toner som senap, guld och bärnsten genom att skifta nyansen mot orange och lägga till en nypa brunt i stället. Detsamma gäller gula gradienter: låt den mörka änden färdas genom bärnsten och umbra, inte genom grått.
Nyanser, toner och skuggor förklarar varför gult beter sig så här, och gula gradienter har fler koder byggda på samma princip.
Gult i olika kulturer
- Kina: gult var historiskt kejsarens färg, reserverad för kejsaren, och bär fortfarande en känsla av värdighet.
- Hinduism och buddhism: saffran och djupgult har helig betydelse, synligt i många buddhistmunkars dräkter.
- Cykling: ledaren i Tour de France bär den gula tröjan, maillot jaune.
- Nordamerika: gula skolbussar och gula band, ett tecken på hopp om att någon ska komma tillbaka.
- Överallt: den svart-gula kombinationen på varningsskyltar läses som försiktighet i större delen av världen.
För gult tillsammans med rött, vitt och svart, se färgers betydelse i olika kulturer.
Gult i varumärken
Gula varumärken känns vänliga, snabba och lättillgängliga, vilket är varför gult är vanligt inom leverans, lågprishandel, snabbmat och barnprodukter. Eftersom det är så högljutt använder de starkaste gula identiteterna det som en yta med svart text, eller som en enda accent bland neutraler. En hel sida av gult bakom gul fotografering tröttar ögat snabbt.
Bra partners är kolgrått och svart för slagkraft, marinblått och koboltblått för en självsäker kontrast, och varm gräddvit eller terrakotta för en mjukare, solbelyst känsla. Att para gult med andra högljudda färger går, men följ reglerna i ljusa färgpaletter så att texten fortfarande har någonstans lugnt att ligga.
Ett Instagram-inlägg i 1080×1350. Varmt gult med mörk text: vänligt, och läsbart från andra sidan flödet.
En Pinterest-pin i 1000×1500 där djupare bärnsten och guld läses som varmt kvällsljus.
Gula bakgrunder är där Auto-bläck i Gradiently gör rätt för sig: en Mark väljer ljus eller mörk text rad för rad ur sin egen palett, så text på en gul Mark blir aldrig vit på solsken. Med Pro ändrar samma design storlek till varje format i ett steg och orden förblir läsbara.
Vanliga frågor
Vad betyder färgen gul?
Gult förknippas med solsken, optimism, glädje, energi och uppmärksamhet. Det signalerar också försiktighet, och på engelska kan det betyda feghet.
Vad betyder senapsgult?
Senap läses som vintage, varmt och självsäkert. Det är gultets vuxna sida, vanlig i mode, inredning och kaffevarumärken.
Vilken textfärg ska man ha på gult?
Nästan-svart eller en djup brun. Vit text på gult klarar inte kontrasten alls, medan svart på ren gul når 19,56:1.
Varför ser mörkt gult grönt ut?
Att lägga till svart i gult skiftar det mot olivgrönt. För att göra ett djupare gult, flytta nyansen mot orange och lägg till lite brunt i stället.
Är gult en bra varumärkesfärg?
Gult är minnesvärt och vänligt, vilket passar leverans, mat, detaljhandel och barnvarumärken. Para det med mörk text och använd det som en yta eller en accent snarare än överallt.
Skriven av Gradiently
Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.
Se vår profil