# Silkegradienter: bløde folder af lys og farve

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

Silke er et af de få materialer, folk genkender alene på lyset. Rammer du folderne og glansen, begynder en flad skærm at føles kostbar. Her er farverne og strukturen bag.

## The short version

- En silkegradient efterligner draperet stof med lange, bløde folder, smalle lyse højlys på hver ryg og dybe, farvede skygger i hver dal.
- Silkens højlys er meget smallere end dens skygger, og den ubalance er det, der opfattes som glans frem for almindelig skygge.
- Changeantsilke er vævet af tråd i to farver, så den skifter farvetone mellem højlys og skygge, for eksempel blågrøn i lyset og violet i folderne.
- Skygger i silke skal være en dybere, mere mættet udgave af stoffets farve, aldrig grå.
- Silkegradienter passer til luksus, skønhed, smykker og bryllupper, fordi materialet i sig selv signalerer omhu og kostbarhed.

En **silkegradient** efterligner draperet stof: lange farvefolder, hver med et smalt, lyst højlys langs ryggen og en blød, dyb skygge i dalen. Det mønster af tyndt lys og bred skygge er det, øjet opfatter som glans. Det er et materialeudtryk snarere end et farveudtryk, og derfor kan den samme champagne eller smaragd føles flad som en almindelig overgang og luksuriøs som silke. Du har brug for tre ting: en stoffarve, et højlys, der er lysere og en anelse varmere, og en skygge, der er dybere og mere mættet.

## Sådan fanger silke lyset

Silkefibre er glatte og let prismeformede, så de reflekterer lyset fokuseret. En fold i silke giver et hurtigt, skarpt højlys, hvor den vender mod lyset, og en lang, blid rulning ind i skyggen. Mat bomuld i samme fold ville give en bred, mat overgang uden skarp top. Kopiér de egenskaber, så begynder enhver farve at ligne silke.

| Del af en fold | Sådan ser den ud | I din gradient |
| --- | --- | --- |
| Højlys på ryggen | Tyndt, lyst, næsten hvidt | Et smalt stop, 2 til 4 procent bredt |
| Skulder | Stoffets ægte farve | Bredt bånd på hver side af højlyset |
| Skygge i dalen | Dyb, mættet, bløde kanter | Det bredeste bånd, mørkere og fyldigere |
| Reflekslys | Et svagt løft inde i dalen | Et lidt lysere stop i skyggen |

Én fold, brudt ned. Gentag den i ujævne bredder hen over rammen, så har du et draperi.

## Koder til silkegradienter

Hver af disse er én lineær gradient med indbyggede folder: ulige bånd, skarpe højlys og brede skygger. De fungerer som baggrunde alene og som grundlag for den lagdelte udgave længere nede.

- Champagnesilke: `linear-gradient(115deg, #6b4f2a 0%, #c8a46a 18%, #f7ead0 23%, #b8925a 30%, #5a3f1e 48%, #a8844f 62%, #efdcb6 66%, #8c6a3a 74%, #4a3216 100%)`
- Smaragdsilke: `linear-gradient(110deg, #022c22 0%, #047857 20%, #a7f3d0 25%, #059669 32%, #013d2c 52%, #065f46 66%, #6ee7b7 70%, #064e3b 78%, #011c15 100%)`
- Midnatssilke: `linear-gradient(120deg, #0b1026 0%, #1e2a5a 20%, #9fb3e8 25%, #26346e 32%, #070b1c 52%, #1c2752 66%, #7d93d4 70%, #151d40 78%, #05070f 100%)`
- Rosasilke: `linear-gradient(115deg, #7a2e3e 0%, #d97a8c 20%, #fde4e8 24%, #c8607a 31%, #5e1f2e 50%, #b85068 64%, #f8c8d2 68%, #8e3348 76%, #4a1622 100%)`
- Oksebloddsilke: `linear-gradient(118deg, #3a0d0d 0%, #9b1c1c 20%, #f8b4b4 24%, #b91c1c 31%, #2b0808 52%, #7f1d1d 66%, #fca5a5 70%, #5c1212 78%, #1f0505 100%)`
- Elfenbenssilke: `linear-gradient(115deg, #e7e5e4 0%, #f5f5f4 20%, #ffffff 24%, #d6d3d1 31%, #a8a29e 50%, #d6d3d1 64%, #fafaf9 68%, #c4bfbb 76%, #9c9692 100%)`

Seks silker med to folder hver. Højlysets stop er kun fire procent brede; gør dem bredere, og glansen bliver til en almindelig stribe.

Hold vinklen mellem 100 og 125 grader, så folderne falder diagonalt, som stof, der hænger fra ét hjørne. En helt lodret fold ligner et gardin; en vandret ligner et bånd. Mørke silker som midnat og okseblod er de mest tilgivende, fordi skyggen skjuler akavede overgange. De passer naturligt til guldskrift, som i [sorte og gyldne gradienter](https://gradiently.design/da/guide/black-and-gold-gradient).

## Changeantsilke: to farver i ét stof

Changeantsilke er vævet med tråd i én farve på langs og en anden på tværs. Når stoffet drejer, ser du mere af den ene eller den anden, så det skifter farvetone mellem lys og skygge. Det er den mest slående silke at efterligne, og det kræver kun én ændring: brug én farvetone til højlys og skuldre og en anden til dalene.

- Blågrønt højlys: #99f6e4
- Blågrøn skulder: #14b8a6
- Violet fold: #6d28d9
- Violet skygge: #2e1065

En changeantsilke i blågrøn og violet. Lyset er blågrønt, skyggen er violet, og midten skifter mellem dem.

Changeantsilke, blågrøn og violet: `linear-gradient(115deg, #2e1065 0%, #14b8a6 19%, #ccfbf1 23%, #2dd4bf 28%, #6d28d9 40%, #2e1065 52%, #0f766e 64%, #99f6e4 68%, #5b21b6 78%, #1e0a45 100%)`

Farveskiftet sker på skråningen ned i hver fold. Kombinér farver, der blander sig gennem en ren midte, som blågrøn og violet eller guld og rosa.

## Sådan bygger du silkefolder i CSS

Én lineær gradient giver parallelle folder, som ligner plisseret stof. Ægte draperi krummer. Læg to gradienter i lidt forskellige vinkler oven på hinanden, én med blødt lys og én med folderne, og tilføj en stor radial skygge, så den ene side falder væk. Resultatet ligner stof, der hænger.

```css
.silk {
  min-height: 100vh;
  background-color: #4a3216;
  background-image:
    radial-gradient(ellipse 70% 90% at 85% 100%, rgba(40, 24, 8, 0.65) 0%, transparent 70%),
    linear-gradient(100deg, transparent 30%, rgba(255, 246, 225, 0.35) 38%, transparent 44%),
    linear-gradient(115deg, #6b4f2a 0%, #c8a46a 18%, #f7ead0 23%, #b8925a 30%,
      #5a3f1e 48%, #a8844f 62%, #efdcb6 66%, #8c6a3a 74%, #4a3216 100%);
}
```

Champagnesilke med en ekstra, krydsende glans og en dyb skygge, der samler sig nederst til højre.

> **Korn gør det til stof** Et meget fint støjlag med 2 til 4 procent opacitet antyder vævningen og forhindrer folderne i at ligne plastik. Hold det finere, end du ville til papir. [Tekstur i gradienter](https://gradiently.design/da/guide/gradient-texture) sammenligner mulighederne.

## Silke, satin, flydende og krom gradienter

| Udtryk | Højlys | Skygge | Føles som |
| --- | --- | --- | --- |
| Silke | Tyndt, lyst, varmt | Bred, fyldig, farvet | Stille luksus |
| Satin | Bredere og blankere | Kortere, skarpere | Selskabstøj, markant |
| [Flydende](https://gradiently.design/da/guide/liquid-gradient) | Tynde linjer langs hvirvler | Farvebånd | Hældt maling, energi |
| Krom | Ren hvid, meget hård | Næsten sort, hård | Maskiner, Y2K, tech |

Fire blanke udtryk. Højlysets bredde og hårdhed afgør, hvilket materiale øjet ser.

## Hvor silkegradienter virker bedst

Silke signalerer omhu, hvilket gør den rigtig til smykker, parfume, hudpleje, brudemode, hoteller og eksklusive lanceringer. Kombinér den med en raffineret serif eller en let, bred sans, og hold ordene få. Champagne og elfenben passer til bryllupper; smaragd, midnat og okseblod passer til aften og luksus. [Luksuriøse farvepaletter](https://gradiently.design/da/guide/luxury-color-palettes) og [farvepaletter til bryllupper](https://gradiently.design/da/guide/wedding-color-palettes) har flere kombinationer.

En stående parfumeannoncering med en lille, raffineret overskrift på en dyb silkegradient

Et parfumeopslag i 1080×1350 med ordene centreret på en rolig skulder af stoffet.

Et save the date-kort til et bryllup med navnene sat på en lys elfenbensfarvet silkebaggrund

En invitation på 5×7 tommer i 1500×2100, elfenbenssilke med navnene i det roligste bånd.

### Ligner plastik

- Højlys lige så brede som skyggerne
- Grå skygger
- Helt parallelle folder
- Intet korn, så det ligner en rendering

### Ligner silke

- Smalle, lyse højlys
- Skygger, der uddyber stoffets farve
- Folder, der krydser og krummer
- En antydning af fint korn

Marks fra Gradiently stabler op til tre materialer med deres eget lys og korn, så en flade kan have dybde og glans uden at bygge folder i hånden. Hver tegnes i fuld kvalitet i alle størrelser, du designer i, fra en invitation til en story, og holder området bag dine ord roligt. Gennemse Markedet med farveord som »champagne« eller »smaragd«.

## FAQ

### Hvordan laver jeg en silkegradient?

Brug en lineær gradient med ujævne bånd: smalle, næsten hvide højlys, brede bånd i stoffets farve og brede, dybere skygger. Læg en ekstra glans i en lidt anden vinkel ovenpå for at få krummet draperi.

### Hvilke farver ser bedst ud som silke?

Champagne, elfenben, smaragd, midnatsblå, rosa og okseblod fungerer alle godt, fordi de har en tydelig lys og mørk udgave. Meget lyse pastelfarver kræver ekstra dybde i skyggerne.

### Hvad er changeantsilke?

Silke vævet af tråd i to farver, så den skifter farvetone, når den bevæger sig. I en gradient bruger du én farvetone til højlysene og en anden til skyggerne.

### Hvad er forskellen på silke- og satingradienter?

Satin har bredere, blankere højlys og kortere, skarpere skygger. Silke har tynde, lyse højlys og brede, fyldige skygger, hvilket virker mere afdæmpet.