De korte versie
- 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.
Op deze pagina
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.
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.
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 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.
Wil je dat de kleur verder naar koel en schoon neigt, dan liggen muntverlopen 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 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
linear-gradient(120deg, #a3e635 0%, #facc15 50%, #f97316 100%)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.
#a3e635Tekst
#ffffffContrast
Oordeel
#a3e635Tekst
#1a2e05Contrast
Oordeel
#84cc16Tekst
#ffffffContrast
Oordeel
#d9f99dTekst
#1a2e05Contrast
Oordeel
#3f6212Tekst
#ffffffContrast
Oordeel
#0b0f05Tekst
#a3e635Contrast
Oordeel
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 behandelt wat je doet als de woorden beide uiteinden van een verloop kruisen.
Sportkleding op een donkere ondergrond met een limelicht. De woorden staan aan de donkere kant.
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 legt de syntaxis uit.
.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;
}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 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.
Vragen die mensen stellen
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.
Geschreven door Gradiently
Het team achter Gradiently, een ontwerptool rond Marks: levende kleurverlopen die alles wat je ontwerpt op jou laten lijken.
Bekijk ons profiel