# Gul färgs betydelse: solsken, varning och läsbar design

[Canonical HTML page](https://gradiently.design/sv/guide/yellow-color-meaning)

Gult är den ljusaste färgen i färghjulet, vilket gör den glad, brådskande och nästan omöjlig att läsa vit text på. Här är vad gult betyder, nyans för nyans, och hur du designar med det.

## The short version

- 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.

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](https://gradiently.design/sv/guide/color-psychology) förklarar varför.

## Vad varje gul nyans betyder

| Nyans | Exempel på hex | Läses oftast som | Vanligt i |
| --- | --- | --- | --- |
| Citron | `#FFF44F` | Fräsch, syrlig, lekfull | Drycker, barnvarumärken, sommar |
| Solros | `#FFD60A` | Optimistisk, vänlig, djärv | Detaljhandel, leverans, mat |
| Saffran | `#F4C430` | Varm, kryddad, andlig | Mat, resor, ceremonier |
| Bärnsten | `#FFBF00` | Varning, värme, glöd | Signaler, belysning, öl |
| Senap | `#E1AD01` | Vintage, självsäker, jordnära | Mode, inredning, kaffe |
| Guld | `#D4A017` | Prestige, belöning, firande | Priser, lyx, bröllop |
| Smör | `#FFF1B8` | Mjuk, hemtrevlig, len | Bagerier, babyprodukter, pappersvaror |

Sju gula toner. Ju blekare och grönare gult, desto fräschare känns det; ju djupare och orangare, desto varmare och mer vuxet.

- Citron: #fff44f
- Solros: #ffd60a
- Saffran: #f4c430
- Bärnsten: #ffbf00
- Senap: #e1ad01
- Guld: #d4a017
- Smör: #fff1b8

Nyanserna från tabellen sida vid sida. Varenda en av dem behöver mörk text.

## 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 `#D4A017` på 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 `#8A6D00` fö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](https://gradiently.design/sv/guide/color-contrast-accessibility) 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.

- Mörkat med svart: oliv: `linear-gradient(160deg, #fff44f 0%, #8a8a1f 55%, #2a2a10 100%)`
- Mörkat genom bärnsten: guld: `linear-gradient(160deg, #fff44f 0%, #ffbf00 45%, #b45309 80%, #3b1d06 100%)`
- Saffransglöd: `radial-gradient(circle at 30% 25%, #fff1b8 0%, #f4c430 50%, #9a5b0a 100%)`
- Solros till orange: `linear-gradient(135deg, #ffd60a 0%, #ff8a00 100%)`

Den första gradienten visar problemet: gult som mörkas mot svart glider åt grönt. Den andra rättar till det genom att passera bärnsten och umbra.

[Nyanser, toner och skuggor](https://gradiently.design/sv/guide/tints-tones-shades) förklarar varför gult beter sig så här, och [gula gradienter](https://gradiently.design/sv/guide/yellow-gradient) 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](https://gradiently.design/sv/guide/color-meanings-around-the-world).

## 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](https://gradiently.design/sv/guide/bright-color-palettes) så att texten fortfarande har någonstans lugnt att ligga.

Ett stående caféinlägg i varmt solgult med ett enda stort mörkt ord

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 hög eventpin i bärnstens- och guldtoner som gör reklam för en kvällsmarknad

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.

## FAQ

### 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.