# Skogsgrön gradient: djupa naturliga koder [Canonical HTML page](https://gradiently.design/sv/guide/forest-gradient) Skogsgrönt är det mest vuxna av de gröna: stilla, rikt och lite allvarligt. De här koderna följer en verklig skog från marken till trädkronorna, med kombinationer som hindrar den från att se platt ut. ## The short version - En skogsgrön gradient går från ett nästan svart grönt, som skuggan under träden, till ett mellan- eller ljusgrönt där ljuset bryter igenom. - Gröna toner som lutar åt blått läses som tall och barrskog, medan gröna toner som lutar åt gult läses som mossa och ormbunke. - En liten varm accent som kräm, mässing eller terrakotta får skogsgrönt att se rikt ut i stället för platt. - Skogsgrönt blir geggigt när det blandas direkt med rött eller orange, så håll varma färger som separata accenter. - Ljus text på den mörka änden av en skogsgrön gradient läses bra och känns lugn och premium. En **skogsgrön gradient** går från ett nästan svart grönt, färgen på djup skugga under träd, upp till ett rikare mellangrönt eller ett mjukt solbelyst grönt där ljuset kommer in genom trädkronorna. Den känns naturlig, stadig och stillsamt dyr, vilket är varför traditionsrika varumärken, friluftsföretag, hotell och växtbutiker väljer den. Koderna nedan följer en verklig skog, från marken till trädtopparna, med noteringar om vad som passar till var och en. ## Skogens färger, från marken till trädkronorna Stå i en skog och du ser mer än ett grönt. Den djupaste skuggan är nästan svart. Tall och gran lutar åt blått. Mossa, ormbunkar och unga löv lutar åt gult. Högt uppe, där solen fångar bladen, blir det gröna blekt och gyllene, och på en fuktig morgon bleknar allt till ett mjukt gråaktigt grönt. En bra skogsgradient väljer en av de här berättelserna i stället för alla. - Nattfuru: #0b1f14 - Skog: #14391f - Trädkrona: #22573a - Gran: #1d4a3f - Mossa: #4f6b2a - Ormbunksljus: #a7c97a - Morgondis: #c9d3cc - Sol genom löven: #f3d98b Skogsgröna toner. Gran lutar åt blått, mossa lutar åt gult och solljusets stopp är den enda varma färg du behöver. ## Koder för skogsgröna gradienter Börja med djup trädkrona om du vill ha den klassiska **mörkgröna gradienten**: den är mest mångsidig och bär ljus text vackert. Tall är kallare och modernare. Mossa är jordnärare och fungerar för mat, hantverk och allt handgjort. Ormbunksljus är den ljusaste i uppsättningen och är ändå otvetydigt skog snarare än lime. - Djup trädkrona: `linear-gradient(160deg, #0b1f14 0%, #14391f 45%, #22573a 100%)` - Tall och gran: `linear-gradient(180deg, #0e2a26 0%, #1d4a3f 50%, #3c6e5d 100%)` - Mossa: `linear-gradient(135deg, #2f3d17 0%, #4f6b2a 50%, #8a9a4b 100%)` - Ormbunksljus: `linear-gradient(180deg, #1f4d2b 0%, #3f7d3c 55%, #a7c97a 100%)` Fyra skogsgröna toner. Var och en håller sin nyans stadig och ändras mest i ljushet, vilket håller blandningen ren. För friskare, ljusare gröna toner, från smaragd till lime, går samlingen [grön gradient](https://gradiently.design/sv/guide/green-gradient) bredare. Vill du ha ett skogsgrönt med mer blått i tar [turkos gradient](https://gradiently.design/sv/guide/teal-gradient) vid där tallen slutar. ## Dis, solljus och skogsbotten Atmosfär är det som får en skogsgradient att kännas som en plats snarare än ett färgprov. Dis lyfter bildens överdel till ett blekt gråaktigt grönt och låter träden träda fram under. Solljus genom trädkronorna är ett radiellt sken av mjukt guld högt upp i bilden. Skogsbotten för in lite brunt längst ner, vilket förankrar designen. En av de här effekterna per design är gott och väl nog. - Dimmig skog: `linear-gradient(180deg, #c9d3cc 0%, #7e968a 45%, #2f4a3d 100%)` - Sol genom trädkronorna: `radial-gradient(ellipse at 70% 10%, #f3d98b 0%, #8aa64b 25%, #2c5a2f 55%, #0c2215 90%)` - Skogsbotten: `linear-gradient(0deg, #1a140c 0%, #2e2a16 35%, #2a4a26 100%)` - Städsegrön natt: `radial-gradient(circle at 50% 30%, #1f4a35 0%, #0d2219 50%, #040b08 100%)` Atmosfäriska skogsgradienter. Dimmig skog passar ljus text längst ner och mörk text överst. Städsegrön natt tar vitt var som helst. ## Vad som passar till skogsgrönt Skogsgrönt för sig kan se tungt ut. En enda varm partner, använd till text eller en enda liten accent, ändrar hela personligheten. Välj partnern efter känslan du vill ha och håll den sedan utanför själva gradienten. | Kombinera med | Hex | Känns | Passar | | --- | --- | --- | --- | | Varm kräm | `#f4efe3` | Traditionell, lugn | Friluftsvarumärken, bokhandlar, kaféer | | Mässingsguld | `#c9a24a` | Lyx, klassiskt | Hotell, sprit, privata klubbar | | Terrakotta | `#c8643b` | Jordnära, vänlig | Växtbutiker, keramik, mat | | Blekrosa | `#f2c6c2` | Mjukt, romantiskt | Blomsterhandlare, bröllop, skönhet | | Blek salvia | `#d7e2d0` | Friskt, milt | Välmående, hudvård, te | En partner var. Kräm och mässing är säkrast. Blekrosa är överraskningen som får blomsterhandlares flöden att sticka ut. Mer om hur du bygger naturliga paletter finns i [naturens färgpaletter](https://gradiently.design/sv/guide/nature-color-palettes) och [jordtoner](https://gradiently.design/sv/guide/earth-tone-colors), och om vad grönt signalerar till folk i [grön färgs betydelse](https://gradiently.design/sv/guide/green-color-meaning). ## Håll skogsgrönt rikt, inte platt ### Ser platt eller sjukligt ut - Grönt som blandats rakt in i rött eller orange - Ett gulgrönt så ljust att det läses som lime - Neutralgrått tillsatt för att göra det mörkare - Rent svart i den mörka änden - Klargrön text på mörkgrönt ### Ser ut som en skog - Varma färger hållna som separata accenter - Den ljusa änden mjuk, som #a7c97a - Mörknat genom att sänka ljusheten och behålla nyansen - Ett nästan svart som ändå är grönt, som #0b1f14 - Kräm- eller mässingsfärgad text på mörkgrönt Den första punkten är den som fångar folk. Grönt och rött ligger mitt emot varandra på färghjulet, och en direkt blandning mellan dem går via brunt. Vill du ha båda, låt dem mötas med en hård kant eller håll rött till texten. [Geggiga gradienter](https://gradiently.design/sv/guide/muddy-gradients) visar exakt vad som händer däremellan. > **Mörkgrönt i tryck** Djupa gröna toner trycks oftast mörkare och mattare än de ser ut på skärm, och den nästan svarta änden kan förlora sin färg helt. För flyers, menyer och skyltar, lyft det mörkaste stoppet något och beställ ett korrektur före en hel upplaga. [Tryck av gradienter](https://gradiently.design/sv/guide/print-gradients) tar upp bandning och färgskiften på papper. ## Skogsgröna gradienter i verkliga designer Skogsgrönt är en gåva för företag som arbetar utomhus eller med levande ting, eftersom det säger expertis och omsorg utan att skrika. En trädgårdsmästare kan publicera säsongspåminnelser, en blomsterhandlare kan avisera en workshop, ett hotell kan marknadsföra en weekend borta, och allt ser ut som samma varumärke. Ett stående socialt inlägg med djup skogsgrön bakgrund och rubriken Vårbesöken är öppna i krämfärgad text En trädgårdsmästares stående inlägg. Krämfärgad text på den djupa änden, med det ljusare gröna hållet mot kanterna. Den enhetligheten är det svåra när en hel säsongs inlägg, stories och flyers kommer från olika händer. I Gradiently väljer du en skogsgrön Mark en gång och varje design i Studio bär den i rätt storlek, med den lugna delen kvar bakom dina ord. [Marknadsföring för trädgårdsföretag](https://gradiently.design/sv/guide/landscaping-marketing) har en säsongs idéer att fylla den med. ```css :root { --forest-950: #0b1f14; --forest-800: #14391f; --forest-600: #22573a; --forest-300: #a7c97a; --cream: #f4efe3; } .hero--forest { color: var(--cream); background: linear-gradient(160deg, var(--forest-950) 0%, var(--forest-800) 45%, var(--forest-600) 100%); } ``` Skogsgrönt som återanvändbara tokens, med kräm för text. Samma variabler kan färga knappar och kanter över hela webbplatsen. ## FAQ ### Vad är hexkoden för skogsgrönt? Den CSS-namngivna färgen `forestgreen` är `#228b22`, ett ganska ljust grönt. Djupare skogsgröna toner för gradienter ligger runt #14391f till #22573a, med nästan svarta varianter som #0b1f14 för den mörka änden av en gradient. ### Vilka färger passar till en skogsgrön gradient? Varm kräm, mässingsguld, terrakotta, blekrosa och blek salvia. Använd en av dem som text- eller accentfärg i stället för att blanda in den i det gröna. ### Varför ser min gröna gradient geggig ut? Den blandas troligen in i rött, orange eller grått. Håll nyansen stadig, mörkna genom att sänka ljusheten och låt varma färger möta det gröna med en hård kant eller stanna i texten. ### Vilken textfärg fungerar på mörkgrönt? Kräm som #f4efe3, vitt eller en mjuk mässing. De läses tydligt på den mörka änden och behåller den lugna, naturliga känslan.