Silkegradienter: bløde folder af lys og farve

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.

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.

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.

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.

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.

.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%);
}

Silke, satin, flydende og krom gradienter

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 og farvepaletter til bryllupper har flere kombinationer.

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