# Limoengroen kleurverloop: frisse codes onder controle

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

Lime is ongeveer zo luid als groen maar kan. Met een plan oogt het scherp en modern; zonder plan lijkt het op een markeerstift. Hier zijn de codes en de regels die het aan jouw kant houden.

## The short version

- Een limoengroen kleurverloop mengt geelachtige groentinten zoals #bef264, #a3e635 en #84cc16, meestal richting een donkerder olijfgroen, bijna zwart of een naburig geel of petrol.
- Lime is erg licht voor zijn verzadiging, dus witte tekst erop haalt het contrast bijna altijd niet en een diepgroene of bijna zwarte inkt leest veel beter.
- Lime gloeit het meest op een bijna zwarte ondergrond, waar een klein beetje ervan een heel ontwerp draagt.
- Lime direct in paars of roze mengen levert vaak een grijs midden op, dus houd die combinaties in aparte vlakken of gebruik een brugkleur.
- Lime past bij sport, muziek, techlanceringen en vers eten, en werkt het best als accent in plaats van het hele vlak.

Een **limoengroen kleurverloop** mengt de gele kant van groen: bleek citrus zoals `#d9f99d`, felle lime zoals `#a3e635` en diepere bladtinten zoals `#65a30d`, vaak vervagend naar bijna zwart, olijfgroen, citroengeel of petrol. De controle komt uit drie keuzes: hoeveel van het vlak lime is, op welke ondergrond het staat en welke kleur de woorden hebben. Als je die goed hebt, oogt lime weloverwogen en actueel. Hieronder staan limoenverloopcodes voor elke sfeer, de inkten die erop leesbaar zijn en de combinaties die schoon blijven.

## Waarom lime zich anders gedraagt dan andere groentinten

Lime zit op het kleurenwiel tussen geel en groen, en net als geel is het zelfs op volle verzadiging extreem licht. Dat is de bron van zowel zijn energie als zijn problemen. Het springt van een donker scherm, maar wast ook witte letters uit en vermoeit het oog als het een groot vlak vult. Een bos- of smaragdgroen gedraagt zich meer als blauw; lime gedraagt zich meer als een markeerstift. De bredere familie komt aan bod bij [groene kleurverlopen](https://gradiently.design/nl/guide/green-gradient).

- Citrusnevel: #ecfccb
- Bleke lime: #d9f99d
- Frisse lime: #bef264
- Lime: #a3e635
- Bladlime: #84cc16
- Diepe lime: #65a30d
- Olijf: #3f6212
- Limeinkt: #1a2e05

Een werkende limoenladder, van bijna wit tot bijna zwart. Verlopen opgebouwd uit buren op deze ladder worden nooit modderig.

## Limoengroene kleurverloopcodes op een donkere ondergrond

Hier verdient lime zijn reputatie. Op een bijna zwarte ondergrond leest een kleine gloed lime als elektrisch zonder vermoeiend te zijn, omdat het oog ergens donker kan rusten. Houd de lime beperkt tot een hoek of een band en laat de ondergrond het meeste werk doen.

- Limelicht op zwart: `radial-gradient(circle at 80% 20%, #a3e635 0%, #3f6212 30%, #0b0f05 70%)`
- Nacht naar lime: `linear-gradient(160deg, #0b0f05 0%, #1a2e05 45%, #84cc16 100%)`
- Stadiongloed: `radial-gradient(ellipse at 50% 110%, #bef264 0%, #4d7c0f 35%, #0a0d06 75%)`
- Diep petrol naar lime: `linear-gradient(135deg, #0b1a14 0%, #134e4a 45%, #a3e635 100%)`

Vier donkere limoenverlopen. Elk houdt de helderste lime in één gebied, zodat koppen aan de donkere kant kunnen staan.

Donkere verlopen als deze laten banding het eerst zien, vooral nadat een platform ze opnieuw heeft gecomprimeerd. Een fijne laag korrel lost het op, en [donkere kleurverloopachtergronden](https://gradiently.design/nl/guide/dark-gradient-backgrounds) heeft meer ondergronden om te proberen.

## Zachte lime- en citruspastelverlopen

Lime die naar crème of mint is verzacht, verliest zijn schreeuw en wordt fris, schoon en een beetje botanisch. Dat past bij cafés, sapbars, huidverzorging en voorjaarscampagnes. Warm één uiteinde iets op met citroen of crème, zodat het resultaat zonnig voelt in plaats van klinisch.

- Citroen naar limoencrème: `linear-gradient(135deg, #fefce8 0%, #ecfccb 50%, #d9f99d 100%)`
- Lime naar mint: `linear-gradient(180deg, #f7fee7 0%, #d1fae5 100%)`
- Citruszon: `radial-gradient(circle at 30% 30%, #fef9c3 0%, #d9f99d 45%, #bef264 100%)`

Bleke limoenverlopen voor rustige, frisse merken. Donkergroene inkt leest prachtig op alle drie.

Wil je dat de kleur verder naar koel en schoon neigt, dan liggen [muntverlopen](https://gradiently.design/nl/guide/mint-gradient) er direct naast.

## Kleuren die schoon combineren met lime

Lime mengt schoon met zijn buren: geel aan de ene kant, groen en petrol aan de andere. Die overgangen blijven helder tot het eind. De problemen beginnen bij kleuren aan de overkant van het wiel. Paars en magenta liggen dicht bij het complement van lime, en een directe menging tussen beide gaat door een doods grijs midden. [Modderige verlopen](https://gradiently.design/nl/guide/muddy-gradients) laat precies zien waarom dat gebeurt.

### Vermijd

- Lime direct in violet of magenta gemengd
- Witte tekst op felle lime
- Lime die elke pixel van een grote poster vult
- Lime met rood, dat als waarschuwingsbord leest

### Doe

- Lime naar geel, petrol of diep olijfgroen
- Bijna zwarte of diepgroene inkt op lime
- Lime als gloed op een donkere of crèmekleurige ondergrond
- Paars of roze naast lime geplaatst, niet erin gemengd

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

Een volledige citrusreeks. Elke stap is een nauwe buur van de vorige, dus het midden blijft helder in plaats van bruin te worden.

## Tekstkleuren die op lime leesbaar zijn

Omdat lime zo licht is, is de neiging om er witte tekst op te zetten bijna altijd verkeerd. Donkere inkt is het antwoord, bij voorkeur een zeer diep groen, zodat het hele ontwerp in één familie blijft. De verhoudingen hieronder zijn gemeten met de WCAG-contrastformule; 4,5:1 is het gebruikelijke minimum voor lopende tekst. Meer over de methode lees je bij [kleurcontrast en toegankelijkheid](https://gradiently.design/nl/guide/color-contrast-accessibility).

| Achtergrond | Tekst | Contrast | Oordeel |
| --- | --- | --- | --- |
| Lime `#a3e635` | Wit `#ffffff` | 1,5:1 | Faalt, zelfs voor koppen |
| Lime `#a3e635` | Limeinkt `#1a2e05` | 9,7:1 | Uitstekend |
| Bladlime `#84cc16` | Wit `#ffffff` | 2,0:1 | Faalt |
| Bleke lime `#d9f99d` | Limeinkt `#1a2e05` | 12,5:1 | Uitstekend |
| Olijf `#3f6212` | Wit `#ffffff` | 7,1:1 | Goed, gebruik voor het donkere uiteinde |
| Bijna zwart `#0b0f05` | Lime `#a3e635` | 12,8:1 | Uitstekend, lime als inkt |

Controleer bij een kleurverloop het lichtste punt achter elke tekstregel, niet de gemiddelde kleur.

De laatste rij verdient aandacht: lime is een voortreffelijke tekstkleur op zwart. Een limoengroene kop over een bijna zwart verloop is een van de best leesbare combinaties die er bestaan. [Tekst op een kleurverloop](https://gradiently.design/nl/guide/text-on-gradient) behandelt wat je doet als de woorden beide uiteinden van een verloop kruisen.

Een staande productdrop-post die tennisschoenen in lime aankondigt, met lichte letters op een donkergroen verloop dat in één hoek door lime wordt verlicht

Sportkleding op een donkere ondergrond met een limelicht. De woorden staan aan de donkere kant.

Een staande post voor een sapbar met donkergroene koplettering op een verloop van bleke lime en citroen

Een post voor een sapbar op een zachte citrusondergrond, met diepgroene inkt.

## Limoenverloop in CSS voor knoppen en heroes

Op het web werkt lime schitterend als call-to-action op een donkere pagina en slecht als achtergrond van een hele pagina. Het fragment hieronder geeft een donkere hero met een limegloed en een limoenknop met donkere tekst. Interpoleren in OKLCH houdt het verloop helder waar sRGB zou wegzakken; [OKLCH-verlopen in CSS](https://gradiently.design/nl/guide/css-gradient-oklch) legt de syntaxis uit.

```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;
}
```

Een donkere hero met één limelicht en een limoenknop met diepgroene tekst. Browsers die `in oklch` niet ondersteunen slaan de tweede knopachtergrond over en houden de eerste.

## Waar een limoengroen kleurverloop het best werkt

- **Sport en fitness:** wedstrijddagen, inschrijvingen voor races, nieuw tenue. Lime op zwart leest als snelheid.
- **Muziek en uitgaan:** clubavonden en releaseartwork, waar het vanzelf naast [neonverlopen](https://gradiently.design/nl/guide/neon-gradients) past.
- **Tech en productlanceringen:** één limoenaccent laat een donkere interface aanstaan.
- **Vers eten en drinken:** sap, salades, cocktails en alles met citrus, in het zachtere pastelbereik.
- **Voorjaarscampagnes:** bleke lime en citroen zeggen nieuw seizoen zonder het gebruikelijke pastelroze.

Omdat lime zo herkenbaar is, lijk je er ook makkelijk op iedereen die er dit jaar naar greep. In Gradiently wordt elke Mark met elke andere vergeleken en geweigerd als hij te dichtbij komt, dus een limoenlook die je claimt is er een die niemand anders kan exporteren. De leesbaarheid past zich ook achter elke regel aan, zodat lime nooit per ongeluk onder witte woorden belandt.

## FAQ

### Wat is de hexcode van limoengroen?

Een veelgebruikte felle lime is `#a3e635`. Bleker liggen rond `#d9f99d` en dieper rond `#65a30d`. Pure weblime, `#00ff00`, is veel schriller en staat zelden goed in design.

### Welke tekstkleur past op een limoengroen kleurverloop?

Gebruik een zeer donkergroen zoals `#1a2e05` of bijna zwart. Witte tekst op felle lime haalt het contrast ruim niet, met ongeveer 1,5:1.

### Welke kleuren passen bij limoengroen in een kleurverloop?

Geel, citroen, petrol, mint en diep olijfgroen mengen schoon met lime. Paars en roze staan opvallend naast lime, maar worden grijs als je er direct naartoe mengt.

### Hoe maak ik een neongroen kleurverloop in CSS?

Zet een limegloed op een bijna zwarte ondergrond, bijvoorbeeld `radial-gradient(circle at 80% 20%, #a3e635 0%, #3f6212 30%, #0b0f05 70%)`. De donkere ondergrond zorgt dat lime neon lijkt.

### Is limoengroen een goede merkkleur?

Dat kan, voor energieke merken in sport, muziek, tech of vers eten. Gebruik het als accent op een donkere of crèmekleurige ondergrond in plaats van het hele vlak en combineer het met donkere inkt.