# Gul farve betydning: solskin, advarsel og læseligt design

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

Gul er den lyseste farve i farvecirklen, hvilket gør den munter, presserende og næsten umulig at læse hvid tekst på. Her er, hvad gul betyder, nuance for nuance, og hvordan du designer med den.

## The short version

- Gul forbindes med solskin, varme, optimisme, glæde og opmærksomhed og også med forsigtighed og advarsel.
- Gul er den lyseste mættede farve, og derfor bruges den til skolebusser, taxaer, refleksveste og advarselsskilte.
- Hvid tekst på gul er næsten ulæselig, mens sort på ren gul når et kontrastforhold på 19,56:1, blandt de højest mulige.
- Gør du gul mørkere med sort, bliver den oliven, så dybere gule nuancer som sennep og guld laves ved at skubbe mod orange og brun.
- Gul var historisk kejserfarven i Kina, og safran og dyb gul har hellig betydning i hinduisme og buddhisme.

**Gul farves betydning** er først og fremmest solskin: varme, optimisme, glæde og energi. Fordi gul er den lyseste og mest iøjnefaldende af de mættede farver, betyder den også opmærksomhed og forsigtighed, fra en hvepses striber til et vejskilt. I branding læses den som venlig, prisvenlig og optimistisk. Brugt godt er den uforglemmelig. Brugt skødesløst er den den farve, der oftest gør ord ulæselige, og derfor bruger denne guide lige så meget tid på kontrast som på betydning.

## Hvad gul betyder

- **Solskin og varme:** farven på sollys, sommer og moden frugt, så den føles lys og generøs.
- **Optimisme og glæde:** smileyer, solsikker og munter emballage læner sig alle op ad den.
- **Opmærksomhed:** gule overstregningstusser, gule sedler og prismærker findes, fordi gul bliver bemærket.
- **Forsigtighed:** afspærringstape, advarselsskilte og de sorte og gule striber, som hvepse og bier deler med fabriksgulve.
- **Mindre flatterende:** på engelsk kan »yellow« betyde fej, og blege, sygelige gule nuancer kan antyde sygdom eller alder.

Som med enhver farve er disse associationer lært og afhænger af konteksten. En blød smørgul på en bagerkasse og en advarselsgul på et byggeskilt er samme farvetone med modsatte budskaber; [farvepsykologi](https://gradiently.design/da/guide/color-psychology) forklarer hvorfor.

## Hvad hver gul nuance betyder

| Nuance | Eksempel på hex | Læses som regel som | Almindelig i |
| --- | --- | --- | --- |
| Citron | `#FFF44F` | Frisk, syrlig, legende | Drikkevarer, børnebrands, sommer |
| Solsikke | `#FFD60A` | Optimistisk, venlig, modig | Detailhandel, levering, mad |
| Safran | `#F4C430` | Varm, krydret, åndelig | Mad, rejser, ceremonier |
| Rav | `#FFBF00` | Forsigtighed, varme, glød | Signaler, belysning, øl |
| Sennep | `#E1AD01` | Vintage, selvsikker, jordnær | Mode, indretning, kaffe |
| Guld | `#D4A017` | Prestige, belønning, fest | Priser, luksus, bryllupper |
| Smør | `#FFF1B8` | Blød, hjemlig, mild | Bagerier, babyprodukter, papirvarer |

Syv gule. Jo blegere og grønnere den gule er, jo friskere føles den; jo dybere og mere orange, jo varmere og mere voksen.

- Citron: #fff44f
- Solsikke: #ffd60a
- Safran: #f4c430
- Rav: #ffbf00
- Sennep: #e1ad01
- Guld: #d4a017
- Smør: #fff1b8

Nuancerne fra tabellen side om side. Hver eneste af dem kræver mørk tekst.

## Gul og læselighed

Gul er næsten lige så lys som hvid, så den opfører sig som en lys baggrund, uanset hvor højlydt den ser ud. Hvid tekst på solsikke `#FFD60A` måler 1,41:1, langt under de 4,5:1, WCAG kræver til brødtekst. Ren gul på hvid er værre, med 1,07:1: næsten usynlig. Vend det om, og gul bliver en af de bedste baggrunde, der findes: sort på ren gul når 19,56:1.

### Undgå

- Hvid tekst på enhver gul
- Gul tekst på en hvid side
- Guld `#D4A017` som tekst på hvid, kun 2,38:1
- Gul som eneste tegn på en advarsel

### Gør

- Næsten sort eller dyb brun tekst på gul
- Gul som baggrund, bånd eller fremhævning
- Mørk guld `#8A6D00` til tekst på hvid, 4,92:1
- Et advarselsord eller ikon sammen med det gule

Alle gule i denne artikel består let med næsten sort: sennep med `#111111` når 9,15:1, og smør med dyb brun `#3A2E05` når 11,78:1. [Farvekontrast](https://gradiently.design/da/guide/color-contrast-accessibility) forklarer tærsklerne.

## Hvorfor mørk gul bliver grøn, og hvordan du løser det

Tilføjer du sort til gul, bliver den ikke en dybere gul; den bliver oliven. Derfor laves dybere gule som sennep, guld og rav ved at skubbe farvetonen mod orange og i stedet tilføje en anelse brun. Det samme gælder gule gradienter: lad den mørke ende gå gennem rav og umbra, ikke gennem grå.

- Gjort mørkere med sort: oliven: `linear-gradient(160deg, #fff44f 0%, #8a8a1f 55%, #2a2a10 100%)`
- Gjort mørkere gennem rav: guld: `linear-gradient(160deg, #fff44f 0%, #ffbf00 45%, #b45309 80%, #3b1d06 100%)`
- Safranglød: `radial-gradient(circle at 30% 25%, #fff1b8 0%, #f4c430 50%, #9a5b0a 100%)`
- Solsikke til orange: `linear-gradient(135deg, #ffd60a 0%, #ff8a00 100%)`

Den første gradient viser problemet: gul, der gøres mørkere mod sort, glider mod grøn. Den anden løser det ved at gå gennem rav og umbra.

[Toner, nuancer og skygger](https://gradiently.design/da/guide/tints-tones-shades) forklarer, hvorfor gul opfører sig sådan, og [gule gradienter](https://gradiently.design/da/guide/yellow-gradient) har flere koder bygget på samme princip.

## Gul farves betydning i forskellige kulturer

- **Kina:** gul var historisk kejserfarven, forbeholdt kejseren, og bærer stadig en følelse af værdighed.
- **Hinduisme og buddhisme:** safran og dyb gul har hellig betydning, synlig i mange buddhistiske munkes klædedragter.
- **Cykling:** førende i Tour de France bærer den gule trøje, le maillot jaune.
- **Nordamerika:** gule skolebusser og gule bånd, et tegn på håb om, at nogen kommer hjem.
- **Overalt:** kombinationen af sort og gul på advarselsskilte læses som forsigtighed i det meste af verden.

Gul sammen med rød, hvid og sort finder du i [farvers betydning i forskellige kulturer](https://gradiently.design/da/guide/color-meanings-around-the-world).

## Gul i branding

Gule brands føles venlige, hurtige og imødekommende, og derfor er gul almindelig inden for levering, discountbutikker, fastfood og børneprodukter. Fordi den er så højlydt, bruger de stærkeste gule identiteter den som en flade med sort tekst eller som en enkelt accent blandt neutrale farver. En hel side gul bag gule fotos trætter øjet hurtigt.

Gode makkere er koksgrå og sort for slagkraft, marineblå og koboltblå for en selvsikker kontrast og varm creme eller terrakotta for en blødere, solbeskinnet følelse. Det er muligt at parre gul med andre højlydte farver, men følg reglerne i [klare farvepaletter](https://gradiently.design/da/guide/bright-color-palettes), så teksten stadig har et roligt sted at stå.

Et stående caféopslag i varm, solrig gul med ét stort mørkt ord

Et Instagram-opslag i 1080×1350. Varm gul med mørk tekst: venlig og læselig på tværs af et feed.

Et højt eventpin i rav- og guldtoner, der reklamerer for et aftenmarked

Et Pinterest-pin i 1000×1500, hvor dybere rav og guld læses som varmt aftenlys.

Gule baggrunde er dér, hvor Automatisk tekstfarve i Gradiently gør sig fortjent: en Mark vælger lys eller mørk tekst linje for linje fra sin egen palet, så tekst på en gul Mark aldrig ender som hvid på solskin. Med Pro ændres samme design til alle formater i ét trin, og ordene forbliver læselige.

## FAQ

### Hvad betyder farven gul?

Gul forbindes med solskin, optimisme, glæde, energi og opmærksomhed. Den signalerer også forsigtighed, og på engelsk kan den betyde fejhed.

### Hvad betyder sennepsgul?

Sennep læses som vintage, varm og selvsikker. Den er den voksne side af gul og almindelig i mode, indretning og kaffebrands.

### Hvilken tekstfarve passer på gul?

Næsten sort eller en dyb brun. Hvid tekst på gul klarer sig meget dårligt i kontrast, mens sort på ren gul når 19,56:1.

### Hvorfor ser mørk gul grøn ud?

Tilføjer du sort til gul, glider den mod oliven. For at lave en dybere gul skal du i stedet flytte farvetonen mod orange og tilføje lidt brun.

### Er gul en god brandfarve?

Gul er mindeværdig og venlig, hvilket passer til levering, mad, detailhandel og børnebrands. Kombinér den med mørk tekst, og brug den som flade eller accent frem for overalt.