# Limegrønt farveforløb: friske koder med styr på det

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

Lime er omtrent så højlydt, som grøn kan blive. Med en plan ser den skarp og moderne ud; uden en plan ligner den en tekstmarkør. Her er koderne og reglerne, der holder den på din side.

## The short version

- Et limegrønt farveforløb blander gullige grønne toner som #bef264, #a3e635 og #84cc16, som regel mod en mørkere oliven, en næsten sort farve eller en nabofarve som gul eller blågrøn.
- Lime er meget lys i forhold til, hvor mættet den er, så hvid tekst på den dumper næsten altid på kontrast, mens en dyb grøn eller næsten sort skrift læses langt bedre.
- Lime lyser stærkest på en næsten sort bund, hvor en lille smule af den kan bære et helt design.
- Hvis du blander lime direkte over i lilla eller pink, får du let en grå midte, så hold de par adskilt eller gå via en brofarve.
- Lime passer til sport, musik, tech-lanceringer og frisk mad og virker bedst som accent frem for hele fladen.

Et **limegrønt farveforløb** blander grønnets gule side: bleg citrus som `#d9f99d`, skarp lime som `#a3e635` og dybere bladtoner som `#65a30d`, ofte med en udtoning mod næsten sort, oliven, citron eller blågrøn. Styringen kommer af tre valg: hvor stor en del af fladen der er lime, hvilken bund den ligger på, og hvilken farve ordene har. Rammer du dem, ser lime bevidst og tidssvarende ud. Herunder finder du koder til limeforløb til hvert stemningsleje, de skriftfarver, der kan læses på dem, og de farveparringer, der holder sig rene.

## Hvorfor lime opfører sig anderledes end andre grønne toner

Lime ligger mellem gul og grøn på farvehjulet, og ligesom gul er den ekstremt lys, selv ved fuld mætning. Det er kilden til både dens energi og dens problemer. Den springer frem fra en mørk skærm, men den får også hvid skrift til at drukne og trætter øjet, når den fylder et stort område. En skovgrøn eller smaragdgrøn opfører sig mere som blå; lime opfører sig mere som en tekstmarkør. Den bredere familie dækkes i [grønne farveforløb](https://gradiently.design/da/guide/green-gradient).

- Citrusdis: #ecfccb
- Bleg lime: #d9f99d
- Frisk lime: #bef264
- Lime: #a3e635
- Bladlime: #84cc16
- Dyb lime: #65a30d
- Oliven: #3f6212
- Limeblæk: #1a2e05

En brugbar limeskala fra næsten hvid til næsten sort. Farveforløb bygget af naboer på denne skala bliver aldrig mudrede.

## Koder til limegrønne farveforløb på mørk bund

Her tjener lime sit ry. På en næsten sort bund virker et lille skær af lime elektrisk uden at være trættende, fordi øjet har et mørkt sted at hvile. Hold limen til et hjørne eller et bånd, og lad bunden gøre det meste af arbejdet.

- Limelys på sort: `radial-gradient(circle at 80% 20%, #a3e635 0%, #3f6212 30%, #0b0f05 70%)`
- Nat til lime: `linear-gradient(160deg, #0b0f05 0%, #1a2e05 45%, #84cc16 100%)`
- Stadionglød: `radial-gradient(ellipse at 50% 110%, #bef264 0%, #4d7c0f 35%, #0a0d06 75%)`
- Dyb blågrøn til lime: `linear-gradient(135deg, #0b1a14 0%, #134e4a 45%, #a3e635 100%)`

Fire mørke limeforløb. Hvert af dem holder den skarpeste lime i ét område, så overskrifter kan stå på den mørke side.

Mørke blandinger som disse er det sted, hvor bånddannelse viser sig først, især når en platform komprimerer dem igen. Et fint lag korn løser det, og [mørke farveforløb som baggrund](https://gradiently.design/da/guide/dark-gradient-backgrounds) har flere bunde at prøve.

## Bløde lime- og citruspastelforløb

Lime, der dæmpes mod fløde eller mynte, mister sit skrig og bliver frisk, ren og en smule botanisk. De passer til caféer, juicebarer, hudpleje og forårskampagner. Varm den ene ende en anelse op med citron eller fløde, så resultatet føles solbeskinnet frem for klinisk.

- Citron til limefløde: `linear-gradient(135deg, #fefce8 0%, #ecfccb 50%, #d9f99d 100%)`
- Lime til mynte: `linear-gradient(180deg, #f7fee7 0%, #d1fae5 100%)`
- Citrussol: `radial-gradient(circle at 30% 30%, #fef9c3 0%, #d9f99d 45%, #bef264 100%)`

Bleg lime i farveforløb til rolige, friske brands. Mørkegrøn skrift læses smukt på alle tre.

Vil du have farven til at læne sig mere mod det kolde og rene, ligger [mynteforløb](https://gradiently.design/da/guide/mint-gradient) lige ved siden af.

## Farver, der passer rent sammen med lime

Lime blandes rent med sine naboer: gul på den ene side, grøn og blågrøn på den anden. Disse overgange forbliver lyse hele vejen. Problemerne begynder med farverne på den modsatte side af hjulet. Lilla og magenta ligger tæt på limes komplementærfarve, og en direkte blanding mellem dem passerer en kedelig grå midte. [Mudrede farveforløb](https://gradiently.design/da/guide/muddy-gradients) viser præcis, hvorfor det sker.

### Undgå

- Lime blandet direkte over i violet eller magenta
- Hvid tekst på skarp lime
- Lime, der fylder hver eneste pixel på en stor plakat
- Lime sammen med rød, der læses som et advarselsskilt

### Gør

- Lime over i gul, blågrøn eller dyb oliven
- Næsten sort eller dybgrøn skrift på lime
- Lime som skær på en mørk eller cremet bund
- Lilla eller pink ved siden af lime, ikke blandet ind i den

Lime, citron, mandarin: `linear-gradient(120deg, #a3e635 0%, #facc15 50%, #f97316 100%)`

Et helt citrusløb. Hvert trin er en nær nabo til det forrige, så midten forbliver lys i stedet for at blive brun.

## Tekstfarver, der kan læses på lime

Fordi lime er så lys, er instinktet til at lægge hvid tekst på den næsten altid forkert. Mørk skrift er svaret, helst en meget dyb grøn, så hele designet bliver i én familie. Forholdene nedenfor er målt med WCAG-kontrastformlen; 4,5:1 er det sædvanlige minimum for brødtekst. Læs mere om metoden i [farvekontrast og tilgængelighed](https://gradiently.design/da/guide/color-contrast-accessibility).

| Baggrund | Tekst | Kontrast | Dom |
| --- | --- | --- | --- |
| Lime `#a3e635` | Hvid `#ffffff` | 1,5:1 | Dumper, selv til overskrifter |
| Lime `#a3e635` | Limeblæk `#1a2e05` | 9,7:1 | Fremragende |
| Bladlime `#84cc16` | Hvid `#ffffff` | 2,0:1 | Dumper |
| Bleg lime `#d9f99d` | Limeblæk `#1a2e05` | 12,5:1 | Fremragende |
| Oliven `#3f6212` | Hvid `#ffffff` | 7,1:1 | God, brug den til den mørke ende |
| Næsten sort `#0b0f05` | Lime `#a3e635` | 12,8:1 | Fremragende, lime som skrift |

I et farveforløb skal du tjekke det lyseste punkt bag hver tekstlinje, ikke gennemsnitsfarven.

Læg mærke til den sidste række: lime er en fremragende tekstfarve på sort. En limeoverskrift over et næsten sort farveforløb er en af de mest læsbare parringer, der findes. [Tekst på et farveforløb](https://gradiently.design/da/guide/text-on-gradient) gennemgår, hvad du gør, når ordene krydser begge ender af en blanding.

Et opslag i højformat om et produktdrop, der annoncerer banesko i lime, med lys skrift på et mørkegrønt farveforløb oplyst af lime i det ene hjørne

Sportstøj på mørk bund med et limelys. Ordene står på den mørke side.

Et opslag i højformat fra en juicebar med mørkegrøn overskrift på et farveforløb i bleg lime og citron

Et opslag fra en juicebar på blød citrusbund med dybgrøn skrift.

## CSS til limeforløb i knapper og heltesektioner

På nettet fungerer lime fremragende som opfordring til handling på en mørk side og dårligt som baggrund for hele siden. Kodestykket nedenfor giver en mørk heltesektion med limeskær og en limeknap med mørk tekst. Interpolation i OKLCH holder blandingen lys, hvor sRGB ville dykke; [OKLCH-farveforløb i CSS](https://gradiently.design/da/guide/css-gradient-oklch) forklarer syntaksen.

```css
.hero {
  min-height: 80vh;
  background-color: #0b0f05;
  background-image:
    radial-gradient(circle at 85% 15%, #a3e635 0%, transparent 40%),
    linear-gradient(160deg, #0b0f05 0%, #1a2e05 100%);
  color: #f7fee7;
}

.button {
  background: linear-gradient(135deg, #bef264, #84cc16);
  background: linear-gradient(135deg in oklch, #bef264, #84cc16);
  color: #1a2e05;
  border: 0;
  border-radius: 999px;
  padding: 0.75rem 1.5rem;
  font-weight: 600;
}
```

En mørk heltesektion med ét limelys og en limeknap med dybgrøn tekst. Browsere, der ikke understøtter `in oklch`, springer knappens anden baggrund over og beholder den første.

## Hvor et limegrønt farveforløb virker bedst

- **Sport og fitness:** kampdage, løbstilmeldinger, nyt udstyr. Lime på sort læses som fart.
- **Musik og natteliv:** klubaftener og udgivelsesgrafik, hvor den naturligt passer sammen med [neonforløb](https://gradiently.design/da/guide/neon-gradients).
- **Tech og produktlanceringer:** én limeaccent får en mørk brugerflade til at føles tændt.
- **Frisk mad og drikke:** juice, salater, cocktails og alt med citrus, i den blødere pastelskala.
- **Forårskampagner:** bleg lime og citron siger ny sæson uden den sædvanlige pastelpink.

Fordi lime er så genkendelig, er det også let at ligne alle andre, der greb efter den i år. I Gradiently bliver hver Mark sammenlignet med alle de andre og afvist, hvis det ligger for tæt på, så et limeudtryk, du sikrer dig, er et, som ingen andre kan eksportere. Læsbarheden justeres også bag hver linje, så lime aldrig ender under hvide ord ved et uheld.

## FAQ

### Hvad er hex-koden for limegrøn?

En udbredt skarp lime er `#a3e635`. Blegere limetoner ligger omkring `#d9f99d` og dybere omkring `#65a30d`. Ren weblime, `#00ff00`, er meget hårdere og ser sjældent godt ud i design.

### Hvilken tekstfarve skal bruges på et limegrønt farveforløb?

Brug en meget mørk grøn som `#1a2e05` eller næsten sort. Hvid tekst på skarp lime dumper grundigt på kontrast, med omkring 1,5:1.

### Hvilke farver passer til limegrøn i et farveforløb?

Gul, citron, blågrøn, mynte og dyb oliven blander rent med lime. Lilla og pink ser slående ud ved siden af, men bliver grå, hvis du blander direkte ind i dem.

### Hvordan laver jeg et neongrønt farveforløb i CSS?

Læg et limeskær på en næsten sort bund, for eksempel `radial-gradient(circle at 80% 20%, #a3e635 0%, #3f6212 30%, #0b0f05 70%)`. Det er den mørke bund, der får lime til at ligne neon.

### Er limegrøn en god brandfarve?

Det kan den være til energiske brands inden for sport, musik, tech eller frisk mad. Brug den som accent på en mørk eller cremet bund frem for hele fladen, og kombinér den med mørk skrift.