Limegrön gradient: friska koder med kontroll

En limegrön gradient blandar den gula sidan av grönt: blek citrus som #d9f99d, klar lime som #a3e635 och djupare bladtoner som #65a30d, ofta gradient mot nästan svart, oliv, citron eller blågrönt. Kontrollen kommer av tre val: hur stor del av ytan som är lime, vilken botten den ligger på och vilken färg orden har. Får du dem rätt ser lime genomtänkt och aktuell ut. Nedan finns koder för limegradienter i varje stämning, bläcken som läses på dem och kombinationerna som håller sig rena.

Varför lime beter sig annorlunda än andra gröna toner

Lime ligger mellan gult och grönt på färghjulet och är liksom gult extremt ljus även vid full mättnad. Det är källan till både dess energi och dess problem. Den hoppar fram mot en mörk skärm, men den dränker också vit text och tröttar ögat när den fyller en stor yta. Ett skogsgrönt eller smaragdgrönt beter sig mer som blått, lime beter sig mer som en överstrykningspenna. Hela familjen tas upp i gröna gradienter.

Limegröna gradienter på mörk botten

Här förtjänar lime sitt rykte. På en nästan svart botten läses en liten limeglöd som elektrisk utan att vara tröttsam, eftersom ögat har någonstans mörkt att vila. Håll limen till ett hörn eller ett band och låt botten göra det mesta av jobbet.

Mörka blandningar som dessa är där bandning syns först, särskilt när en plattform komprimerar om dem. Ett fint lager korn löser det, och mörka gradientbakgrunder har fler bottnar att prova.

Mjuka lime- och citruspasteller

Lime som mjukats mot grädde eller mynta förlorar sitt skrik och blir fräsch, ren och lite botanisk. De passar caféer, juicebarer, hudvård och vårkampanjer. Värm ena änden något med citron eller grädde så att resultatet känns solbelyst snarare än kliniskt.

Vill du att färgen ska luta mer åt kallt och rent ligger myntagradienter alldeles intill.

Färger som paras rent med lime

Lime blandas rent med sina grannar: gult på ena sidan, grönt och blågrönt på den andra. De övergångarna håller sig ljusa hela vägen. Problemen börjar med färger på andra sidan hjulet. Lila och magenta ligger nära limens komplementfärg, och en rak blandning mellan dem passerar en trist grå mitt. Sörjiga gradienter visar exakt varför det händer.

Textfärger som läses på lime

Eftersom lime är så ljus är instinkten att lägga vit text på den nästan alltid fel. Mörkt bläck är svaret, helst ett mycket djupt grönt så att hela designen stannar i samma familj. Förhållandena nedan är mätta med WCAG:s kontrastformel, och 4,5:1 är det vanliga minimumet för brödtext. Mer om metoden finns i färgkontrast och tillgänglighet.

Lägg märke till sista raden: lime är en suverän textfärg på svart. En limerubrik över en nästan svart gradient är en av de mest läsbara kombinationerna som finns. Text på gradient tar upp vad du gör när orden korsar båda ändar av en blandning.

CSS för limegradient till knappar och hero

På webben fungerar lime briljant som uppmaning på en mörk sida och dåligt som bakgrund över hela sidan. Kodexemplet nedan ger en mörk hero med limeglöd och en limeknapp med mörk text. Interpolering i OKLCH håller blandningen ljus där sRGB skulle sjunka, och OKLCH-gradienter i CSS förklarar syntaxen.

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

Där en limegrön gradient fungerar bäst

• Sport och träning: matchdagar, loppanmälningar, ny utrustning. Lime på svart läses som fart.
• Musik och nattliv: klubbkvällar och släppomslag, där den sitter naturligt bredvid neongradienter.
• Teknik och produktlanseringar: en enda limeaccent får ett mörkt gränssnitt att kännas påslaget.
• Färsk mat och dryck: juice, sallader, cocktails och allt med citrus, i det mjukare pastellspannet.
• Vårkampanjer: blek lime och citron säger ny säsong utan den vanliga rosa pastellen.

Eftersom lime är så lätt att känna igen är den också lätt att se ut som alla andra som grep efter den i år. I Gradiently jämförs varje Mark med alla andra och nekas om den ligger för nära, så en limelook du säkrar är en som ingen annan kan exportera. Läsbarheten justeras också bakom varje rad, så lime hamnar aldrig under vita ord av misstag.