# Beige gradient: varme neutrale koder, der virker rolige

[Canonical HTML page](https://gradiently.design/da/guide/beige-gradient)

Beige er let at ramme næsten rigtigt og overraskende svært at ramme helt. Tricket er at vælge en undertone, beholde nok spændvidde til, at overgangen kan ses, og give den tekstur.

## The short version

- En beige gradient virker rolig og eksklusiv, når alle stop har samme undertone: rosa, gul eller grå.
- Beige gradienter kræver et bredere lysstyrkeinterval, end de fleste regner med, ellers forsvinder overgangen, og designet ser fladt ud.
- Lyse gradienter med lav kontrast får let striber på skærme, og et fint kornlag er den mest pålidelige løsning.
- Varme mørkebrune toner som espresso fungerer bedre på beige end ren sort, og hvid skrift virker sjældent.
- Sandgradienter går fra lys creme til et ristet guld, som en klit, der bliver mørkere på skyggesiden.

En **beige gradient** blander varme neutrale toner, creme, sand, havre og hør, fra en lys tone over i en lidt dybere, alle med samme undertone. Lykkes den, virker den rolig, naturlig og stille eksklusiv, og derfor elsker hudpleje, indretning, bryllupper og slow fashion den. Lykkes den ikke, ligner den en scanning af en gammel konvolut. Forskellen kommer an på tre valg: én undertone, nok spændvidde og lidt tekstur. Koderne til hvert udtryk følger herunder.

## Vælg en undertone, før du vælger en farve

Enhver beige hælder et sted hen. Rosa beige føles blød og hudagtig. Gule beige føles solrig og sandet. Grå beige, ofte kaldet greige, føles arkitektonisk og kølig. At blande undertoner i én gradient er hovedårsagen til, at beige ser snavset ud: et rosa stop ved siden af et gråt ligner en plet frem for en overgang. Beslut dig først, og bliv så ved den.

- Hør: #faf6ef
- Rosabeige: #ecd3c6
- Rosensand: #d4ae9c
- Sand: #e8cfa8
- Honningklit: #c9a273
- Greige: #ddd6cc
- Sten: #b9b0a3
- Espressosort: #3b2a1e

Tre undertonefamilier: rosa i det rosabeige par, gul i sandparret, grå i greige og sten. Hør og espresso passer til alle tre.

## Koder til sandgradienter

En **sandgradient** følger en klit: lys og cremet på den side, der vender mod solen, dybere og mere gylden på skyggesiden. Det er de varmeste beige toner her og de mest tilgivende, fordi den gule undertone holder dem fra at blive grå.

- Sandklit: `linear-gradient(160deg, #f6ead6 0%, #e8cfa8 50%, #c9a273 100%)`
- Ørkenmiddag: `linear-gradient(180deg, #fbf3e6 0%, #efd9b4 60%, #d9b27c 100%)`
- Klitteskygge: `linear-gradient(135deg, #f2e2c9 0%, #d8b48a 45%, #a9805a 100%)`
- Vådt sand: `radial-gradient(ellipse at 30% 20%, #f3e5cf 0%, #d6bb94 50%, #b08d66 100%)`

Fire sandudtryk. Klitteskygge har det bredeste interval og holder bedst i små størrelser; ørkenmiddag er den lyseste og passer til mørk skrift overalt.

## Koder til hør, havre og sten

Det er de mere dæmpede beige toner, tættere på creme og greige. De er fremragende baggrunde til produktfotos og lange tekster, fordi de trækker sig tilbage og lader alt andet føre. Hør er den mest diskrete, næsten ikke en gradient overhovedet; rosabeige bringer den rosa undertone; sten er den køligste, næsten grå.

- Hør: `linear-gradient(180deg, #faf6ef 0%, #f1e8da 100%)`
- Havrelatte: `linear-gradient(150deg, #f5ede1 0%, #e6d5bf 55%, #cdb59a 100%)`
- Rosabeige: `linear-gradient(160deg, #f8ece6 0%, #ecd3c6 55%, #d4ae9c 100%)`
- Sten: `linear-gradient(160deg, #f2efea 0%, #ddd6cc 50%, #b9b0a3 100%)`

Bløde neutrale toner. Hvis en beige gradient ligner en flad farve på din skærm, er intervallet for lille: gør det sidste stop dybere.

Til den bredere familie af rolige toner, se [neutrale farvepaletter](https://gradiently.design/da/guide/neutral-color-palettes) og [jordfarver](https://gradiently.design/da/guide/earth-tone-colors). Når du vil have den dybere ende af samme familie, kaffe og karamel, fortsætter koderne til [brun gradient](https://gradiently.design/da/guide/brown-gradient) der, hvor disse slutter.

## Hvorfor beige gradienter får striber, og hvordan du løser det

Lyse gradienter med et lille interval passerer kun gennem en håndfuld forskellige farveværdier, så en skærm tegner dem som synlige trin, og kraftig komprimering gør det værre. Beige er særligt udsat. Et fint kornlag bryder trinnene op og får som bonus beige til at ligne papir, puds eller stof frem for en skærmfarve. [Gradient banding](https://gradiently.design/da/guide/gradient-banding) forklarer årsagen i detaljer.

```css
.sand {
  position: relative;
  background: linear-gradient(160deg, #f6ead6 0%, #e8cfa8 50%, #c9a273 100%);
}

.sand::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.18;
  mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
```

En sandgradient med et SVG-støjlag ganget oven på. Hæv uigennemsigtigheden for en grovere, mere papiragtig overflade.

Flere kornopskrifter og hvor kraftigt du bør gå til værks står i [kornede gradienter](https://gradiently.design/da/guide/grainy-gradients). Gradiently Marks har korn som en del af deres opskrift, så en beige Mark kommer med sin tekstur allerede afbalanceret i alle størrelser.

## Skriftfarver, der passer til beige

| Blæk | Hex | Virkning | Bruges til |
| --- | --- | --- | --- |
| Espresso | `#3b2a1e` | Varm og blød, men stadig meget læsbar | Overskrifter og brødtekst på al beige |
| Trækul | `#2b2b2b` | Skarp og moderne | Sten- og greigebaggrunde |
| Mørk oliven | `#3d4a2f` | Naturlig, lidt uventet | Sand- og havrebaggrunde |
| Terracotta | `#a4502f` | Varm accent | Kun store overskrifter og priser |
| Hvid | `#ffffff` | Svag på lys beige | Kun store overskrifter på de dybeste stop i klitteskygge |

Sort virker, men espressobrun holder hele designet inden for samme varme familie.

## Beige, der virker rolig og ikke kedelig

### Virker kedelig

- Rosa, gule og grå beige toner i én overgang
- To stop så tæt på hinanden, at overgangen er usynlig
- En ren digital overflade med synlige striber
- Ren sort skrift og et uroligt layout
- Hvid tekst på lys sand

### Virker rolig

- Én undertone gennem alle stop
- Et tydeligt interval fra creme til ristet sand
- Et fint korn, der læses som papir eller puds
- Espressoskrift og masser af luft
- Mørkt blæk med én terracotta-accent

Beige belønner tilbageholdenhed. Få ord, masser af plads og ét stærkt produktbillede ser dyrere ud end nogen mængde pynt. Det er udtrykket bag det meste godt [design til hudplejebrands](https://gradiently.design/da/guide/skincare-brand-design), og det klæder også bryllupspapirvarer og indretningsstudier.

Et opslag i højformat på en varm sandfarvet baggrund med ordene Mindre, men bedre i mørkebrun skrift

Et lanceringsopslag for hudpleje i en sandfarvet Mark. Espressoskrift, én linje, masser af luft.

## Hvor en beige gradient gør sig fortjent

Beige arbejder hårdest, hvor den understøtter noget andet: et produkt, et fotografi, nogle få velvalgte ord. Her er nogle steder, hvor den skinner, med de størrelser, du skal designe i:

- **Produktfotos:** en hør- eller havregradient bag en flaske eller en keramikgenstand, i 2048×2048 til et Shopify-produktbillede, holder objektet som helten.
- **Bryllupspapirvarer:** rosabeige eller sand til invitationer i 5×7 in (1500×2100 ved 300 dpi), med espresso- eller mørk olivenskrift. Flere idéer i [bryllupsfarvepaletter](https://gradiently.design/da/guide/wedding-color-palettes).
- **Indretning og arkitektur:** sten- og greigegradienter til porteføljeforsider og projektopslag, hvor fotografierne leverer farven. Se [branding for indretningsarkitekter](https://gradiently.design/da/guide/interior-designer-branding).
- **Websitesektioner:** en hørgradient bag en udtalelse eller en prisoversigt adskiller den fra hvide sektioner uden en hård kant.
- **Et roligt Instagram-grid:** skift mellem sandopslag og fotos, så feedet læses som en gennemtænkt helhed.

Fordi beige er så diskret, kan den samme gradient se rigtig ud på en story og udvasket på et bredt banner. Gengiv den til hvert format frem for at strække én fil, og tjek det lyseste stop på en telefon ved fuld lysstyrke, hvor lys beige kan glide mod ren hvid.

## FAQ

### Hvilke farver udgør en beige gradient?

Creme-, sand-, havre- og hørtoner med samme undertone, for eksempel #f6ead6 til #e8cfa8 til #c9a273 for en varm sandgradient.

### Hvorfor ser min beige gradient snavset ud?

Det skyldes som regel blandede undertoner, for eksempel en rosabeige ved siden af en grå. Hold alle stop i samme familie.

### Hvilken skriftfarve passer til en beige baggrund?

En varm mørkebrun som espresso #3b2a1e læses tydeligt og føles blødere end sort. Trækul passer til de køligere greigetoner.

### Hvordan undgår jeg striber i en lys gradient?

Gør afstanden mellem første og sidste stop større, læg et fint kornlag over gradienten, og eksportér som PNG frem for en komprimeret JPEG.