Limegrønn gradient: friske koder med kontroll

En limegrønn gradient blander den gule siden av grønt: blek sitrus som #d9f99d, klar lime som #a3e635 og dypere løvtoner som #65a30d, ofte tonet ut i nesten svart, oliven, sitron eller blågrønt. Kontrollen kommer fra tre valg: hvor mye av flaten som er lime, hvilken bunn den ligger på, og hvilken farge ordene har. Treffer du på de tre, ser lime gjennomtenkt og aktuell ut. Under finner du limegradientkoder for hver stemning, tekstfargene som leses på dem, og kombinasjonene som holder seg rene.

Hvorfor lime oppfører seg annerledes enn andre grønne

Lime ligger mellom gult og grønt på fargesirkelen, og som gult er den ekstremt lys selv ved full metning. Det er kilden til både energien og problemene. Den spretter ut av en mørk skjerm, men vasker også ut hvit tekst og sliter på øyet når den fyller en stor flate. En skogsgrønn eller smaragdgrønn oppfører seg mer som blått; lime oppfører seg mer som en merkepenn. Hele familien finner du i grønne gradienter.

Limegrønne gradientkoder på mørk bunn

Det er her lime gjør seg fortjent til ryktet. På en nesten svart bunn leses en liten limeglød som elektrisk uten å bli slitsom, fordi øyet har et mørkt sted å hvile. Hold limen til et hjørne eller et bånd, og la bunnen gjøre mesteparten av jobben.

Mørke blandinger som disse er der striper viser seg først, særlig etter at en plattform har komprimert dem på nytt. Et fint lag korn løser det, og mørke gradientbakgrunner har flere bunner å prøve.

Myke lime- og sitruspastellgradienter

Lime dempet mot krem eller mint mister ropet og blir frisk, ren og litt botanisk. Disse passer til kafeer, juicebarer, hudpleie og vårkampanjer. Varm opp den ene enden litt med sitron eller krem, så resultatet føles solfylt og ikke klinisk.

Vil du at fargen skal lene seg mer mot kjølig og ren, ligger mintgradienter rett ved siden av.

Farger som passer rent med lime

Lime blander seg rent med naboene sine: gult på den ene siden, grønt og blågrønt på den andre. De overgangene holder seg klare hele veien. Problemene starter med farger på andre siden av sirkelen. Lilla og magenta ligger nær limens komplementærfarge, og en rett blanding mellom dem går gjennom en matt grå midte. Grumsete gradienter viser nøyaktig hvorfor det skjer.

Tekstfarger som leses på lime

Fordi lime er så lys, er instinktet om å sette hvit tekst på den nesten alltid feil. Mørk tekst er svaret, helst en svært dyp grønn så hele designet holder seg i én familie. Forholdstallene under er målt med kontrastformelen i WCAG; 4,5:1 er det vanlige minimum for brødtekst. Mer om metoden finner du i fargekontrast og tilgjengelighet.

Den siste raden er verdt å legge merke til: lime er en fremragende tekstfarge på svart. En limegrønn overskrift over en nesten svart gradient er en av de mest lesbare kombinasjonene som finnes. Tekst på gradient dekker hva du gjør når ordene krysser begge ender av en blanding.

Limegradient i CSS for knapper og toppfelt

På nettet fungerer lime glimrende som handlingsknapp på en mørk side og dårlig som bakgrunn for hele siden. Kodebiten under gir et mørkt toppfelt med limeglød og en limeknapp med mørk tekst. Interpolering i OKLCH holder blandingen klar der sRGB ville sunket; OKLCH-gradienter i CSS forklarer syntaksen.

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

Der en limegrønn gradient fungerer best

• Sport og trening: kampdager, påmeldinger til løp, nye drakter. Lime på svart leses som fart.
• Musikk og uteliv: klubbkvelder og utgivelsesgrafikk, der den passer naturlig ved siden av neongradienter.
• Teknologi og produktlanseringer: én enkelt limeaksent får et mørkt grensesnitt til å føles påslått.
• Fersk mat og drikke: juice, salater, cocktailer og alt med sitrus, i det mykere pastellspekteret.
• Vårkampanjer: blek lime og sitron sier ny sesong uten den vanlige pastellrosaen.

Fordi lime er så gjenkjennelig, er det også lett å ligne alle andre som grep etter den i år. I Gradiently sjekkes hver Mark mot alle de andre og avvises hvis den er for lik, så et limeuttrykk du sikrer deg, er ett ingen andre kan eksportere. Lesbarheten justeres også bak hver linje, så lime havner aldri under hvite ord ved et uhell.