Kort fortalt
- 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.
På denne side
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.
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.
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 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.
Vil du have farven til at læne sig mere mod det kolde og rene, ligger mynteforløb 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 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
linear-gradient(120deg, #a3e635 0%, #facc15 50%, #f97316 100%)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.
#a3e635Tekst
#ffffffKontrast
Dom
#a3e635Tekst
#1a2e05Kontrast
Dom
#84cc16Tekst
#ffffffKontrast
Dom
#d9f99dTekst
#1a2e05Kontrast
Dom
#3f6212Tekst
#ffffffKontrast
Dom
#0b0f05Tekst
#a3e635Kontrast
Dom
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 gennemgår, hvad du gør, når ordene krydser begge ender af en blanding.
Sportstøj på mørk bund med et limelys. Ordene står på den mørke side.
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 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;
}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.
- 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.
Spørgsmål, folk stiller
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.
Skrevet af Gradiently
Holdet bag Gradiently, et designværktøj bygget om Marks: levende gradienter, der får alt, du designer, til at ligne dig.
Se vores profil