Markt
Preise
AnmeldenLoslegen
LeitfadenFarbe
Farbe

Limettengrün Farbverlauf: spritzige Codes mit Kontrolle

Limette ist so laut, wie Grün nur werden kann. Mit Plan wirkt sie scharf und modern; ohne Plan wie ein Textmarker. Hier sind die Codes und die Regeln, die sie auf deiner Seite halten.

GradientlyVerifiziertes Gradiently-Konto·1. Oktober 2026·5 Min. Lesezeit
Cover: Terrazzo Study · GR·B541·BG

Die Kurzfassung

  • Ein Limettengrün Farbverlauf mischt zu Gelb neigende Grüntöne wie #bef264, #a3e635 und #84cc16, meist Richtung dunkles Olive, fast Schwarz oder ein benachbartes Gelb oder Petrol.
  • Limette ist für ihre Sättigung sehr hell, weißer Text darauf scheitert daher fast immer am Kontrast, und tiefes Grün oder fast schwarze Tinte liest sich weit besser.
  • Limette glüht am stärksten auf fast schwarzem Grund, wo schon wenig davon ein ganzes Design trägt.
  • Limette direkt in Lila oder Pink zu mischen ergibt meist eine graue Mitte, halte diese Paarungen also in getrennten Flächen oder führe sie über eine Brückenfarbe.
  • Limette passt zu Sport, Musik, Tech-Launches und frischem Essen und wirkt am besten als Akzent statt als ganze Fläche.
Auf dieser Seite
Warum Limette sich anders verhält als andere GrünsLimettengrün Farbverlauf Codes auf dunklem GrundSanfte Limetten- und Zitruspastell-VerläufeFarben, die sauber zu Limette passenTextfarben, die auf Limette lesbar sindLimetten Farbverlauf CSS für Buttons und HeroesWo ein Limettengrün Farbverlauf am besten wirkt

Ein Limettengrün Farbverlauf mischt die gelbe Seite von Grün: blasses Zitrus wie #d9f99d, leuchtende Limette wie #a3e635 und tiefere Blatttöne wie #65a30d, oft auslaufend in fast Schwarz, Olive, Zitrone oder Petrol. Die Kontrolle kommt aus drei Entscheidungen: wie viel der Fläche Limette ist, auf welchem Grund sie sitzt und welche Farbe die Worte haben. Stimmt das, wirkt Limette bewusst und aktuell. Unten findest du Limetten-Verlaufscodes für jede Stimmung, die Tinten, die darauf lesbar sind, und die Paarungen, die sauber bleiben.

Warum Limette sich anders verhält als andere Grüns

Limette liegt im Farbkreis zwischen Gelb und Grün und ist wie Gelb selbst bei voller Sättigung extrem hell. Das ist die Quelle ihrer Energie und ihrer Probleme. Sie springt von einem dunklen Bildschirm, wäscht aber weiße Schrift aus und ermüdet das Auge, wenn sie große Flächen füllt. Ein Wald- oder Smaragdgrün verhält sich eher wie Blau; Limette verhält sich eher wie ein Textmarker. Die größere Familie behandeln die grünen Farbverläufe.

Eine funktionierende Limettenleiter, von fast Weiß bis fast Schwarz. Verläufe aus Nachbarn auf dieser Leiter werden nie schlammig.

Limettengrün Farbverlauf Codes auf dunklem Grund

Hier verdient Limette ihren Ruf. Auf fast schwarzem Grund wirkt ein kleiner Limetten-Schein elektrisch, ohne zu ermüden, weil das Auge einen dunklen Ort zum Ausruhen hat. Halte die Limette auf eine Ecke oder ein Band beschränkt und lass den Grund die meiste Arbeit tun.

Vier dunkle Limetten-Verläufe. Jeder hält die hellste Limette in einer Zone, damit Überschriften auf der dunklen Seite sitzen können.

Dunkle Mischungen wie diese zeigen Banding zuerst, besonders nachdem eine Plattform sie neu komprimiert hat. Eine feine Körnungsschicht behebt das, und dunkle Verlaufshintergründe hat weitere Gründe zum Ausprobieren.

Sanfte Limetten- und Zitruspastell-Verläufe

Zu Creme oder Mint abgeschwächt, verliert Limette ihren Schrei und wird frisch, sauber und leicht botanisch. Das passt zu Cafés, Saftbars, Hautpflege und Frühlingskampagnen. Wärme ein Ende leicht mit Zitrone oder Creme an, damit das Ergebnis sonnig statt klinisch wirkt.

Blasse Limetten-Verläufe für ruhige, frische Marken. Dunkelgrüne Tinte liest sich auf allen dreien wunderbar.

Soll die Farbe weiter ins Kühle und Saubere neigen, liegen die Mint Farbverläufe direkt nebenan.

Farben, die sauber zu Limette passen

Limette mischt sich sauber mit ihren Nachbarn: Gelb auf der einen Seite, Grün und Petrol auf der anderen. Diese Übergänge bleiben durchgehend leuchtend. Probleme beginnen mit Farben auf der anderen Seite des Kreises. Lila und Magenta liegen nah an Limettes Komplementärfarbe, und eine gerade Mischung zwischen ihnen läuft durch eine stumpfe graue Mitte. Schlammige Farbverläufe zeigt genau, warum.

Vermeiden

  • Limette direkt in Violett oder Magenta gemischt
  • Weißer Text auf leuchtender Limette
  • Limette, die jedes Pixel eines großen Plakats füllt
  • Limette mit Rot, das wie ein Warnschild wirkt

Besser

  • Limette in Gelb, Petrol oder tiefes Olive
  • Fast schwarze oder tiefgrüne Tinte auf Limette
  • Limette als Glühen auf dunklem oder cremefarbenem Grund
  • Lila oder Pink neben Limette, nicht hineingemischt
Limette, Zitrone, Mandarinelinear-gradient(120deg, #a3e635 0%, #facc15 50%, #f97316 100%)
Ein ganzer Zitruslauf. Jeder Schritt ist ein enger Nachbar des letzten, die Mitte bleibt also leuchtend, statt braun zu werden.

Textfarben, die auf Limette lesbar sind

Weil Limette so hell ist, ist der Impuls, weißen Text darauf zu setzen, fast immer falsch. Dunkle Tinte ist die Antwort, am besten ein sehr tiefes Grün, damit das ganze Design in einer Familie bleibt. Die Verhältnisse unten sind mit der WCAG-Kontrastformel gemessen; 4,5:1 ist das übliche Minimum für Fließtext. Mehr zur Methode unter Farbkontrast und Barrierefreiheit.

Limette #a3e635

Text

Weiß #ffffff

Kontrast

1,5:1

Urteil

Fällt durch, auch für Überschriften
Limette #a3e635

Text

Limettentinte #1a2e05

Kontrast

9,7:1

Urteil

Ausgezeichnet
Blattlimette #84cc16

Text

Weiß #ffffff

Kontrast

2,0:1

Urteil

Fällt durch
Blasse Limette #d9f99d

Text

Limettentinte #1a2e05

Kontrast

12,5:1

Urteil

Ausgezeichnet
Olive #3f6212

Text

Weiß #ffffff

Kontrast

7,1:1

Urteil

Gut, für das dunkle Ende nutzen
Fast Schwarz #0b0f05

Text

Limette #a3e635

Kontrast

12,8:1

Urteil

Ausgezeichnet, Limette als Tinte
HintergrundTextKontrastUrteil
Limette #a3e635Weiß #ffffff1,5:1Fällt durch, auch für Überschriften
Limette #a3e635Limettentinte #1a2e059,7:1Ausgezeichnet
Blattlimette #84cc16Weiß #ffffff2,0:1Fällt durch
Blasse Limette #d9f99dLimettentinte #1a2e0512,5:1Ausgezeichnet
Olive #3f6212Weiß #ffffff7,1:1Gut, für das dunkle Ende nutzen
Fast Schwarz #0b0f05Limette #a3e63512,8:1Ausgezeichnet, Limette als Tinte
Prüfe bei einem Verlauf den hellsten Punkt hinter jeder Textzeile, nicht die Durchschnittsfarbe.

Die letzte Zeile verdient Beachtung: Limette ist eine hervorragende Textfarbe auf Schwarz. Eine Limetten-Überschrift über einem fast schwarzen Verlauf ist eine der lesbarsten Paarungen überhaupt. Text auf Verläufen behandelt, was du tust, wenn die Worte beide Enden einer Mischung kreuzen.

Neue Farbvariante
NEW
Court-Schuhe, jetzt in Limette.
Samstag im Laden und online
Gradiently · @gradiently

Sportbekleidung auf dunklem Grund mit Limettenlicht. Die Worte sitzen auf der dunklen Seite.

Saftbar
Heute Morgen kaltgepresst.
Limette, Apfel und Ingwer
Gradiently · @gradiently

Ein Saftbar-Post auf sanftem Zitrusgrund mit tiefgrüner Tinte.

Limetten Farbverlauf CSS für Buttons und Heroes

Im Web funktioniert Limette brillant als Call-to-Action auf einer dunklen Seite und schlecht als Hintergrund einer ganzen Seite. Das Snippet unten liefert einen dunklen Hero mit Limetten-Schein und einen Limetten-Button mit dunklem Text. Die Interpolation in OKLCH hält die Mischung leuchtend, wo sRGB einknicken würde; OKLCH-Verläufe in CSS erklärt die Syntax.

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;
}
Ein dunkler Hero mit einem Limettenlicht und ein Limetten-Button mit tiefgrünem Text. Browser, die in oklch nicht unterstützen, überspringen den zweiten Button-Hintergrund und behalten den ersten.

Wo ein Limettengrün Farbverlauf am besten wirkt

  • Sport und Fitness: Spieltage, Rennanmeldungen, neue Ausrüstung. Limette auf Schwarz liest sich als Tempo.
  • Musik und Nachtleben: Clubnächte und Release-Artwork, wo sie natürlich neben Neon Farbverläufen sitzt.
  • Tech- und Produkt-Launches: Ein einzelner Limettenakzent lässt eine dunkle Oberfläche eingeschaltet wirken.
  • Frisches Essen und Trinken: Saft, Salate, Cocktails und alles Zitrusartige, im sanfteren Pastellbereich.
  • Frühlingskampagnen: Blasse Limette und Zitrone sagen neue Saison, ohne das übliche Pastellrosa.

Weil Limette so wiedererkennbar ist, sieht man leicht aus wie alle, die dieses Jahr danach gegriffen haben. In Gradiently wird jeder Mark gegen alle anderen geprüft und abgelehnt, wenn er zu nah ist, ein Limetten-Look, den du sicherst, ist also einer, den niemand sonst exportieren kann. Auch seine Lesbarkeit passt sich hinter jeder Zeile an, sodass Limette nie versehentlich unter weißen Worten landet.

Finde einen Farbverlauf, der nur dir gehört

Stöbere durch Tausende Marks, gestalte kostenlos mit jedem davon und sichere dir den, der sich nach dir anfühlt.

Den Markt durchstöbern

Häufige Fragen

Wie lautet der Hex-Code für Limettengrün?

Ein weit verbreitetes leuchtendes Limettengrün ist #a3e635. Blassere Limetten liegen um #d9f99d, tiefere um #65a30d. Reines Web-Lime, #00ff00, ist viel schärfer und sieht im Design selten gut aus.

Welche Textfarbe passt auf einen Limettengrün Farbverlauf?

Nutze ein sehr dunkles Grün wie #1a2e05 oder fast Schwarz. Weißer Text auf leuchtender Limette fällt mit etwa 1,5:1 beim Kontrast deutlich durch.

Welche Farben passen in einem Verlauf zu Limettengrün?

Gelb, Zitrone, Petrol, Mint und tiefes Olive mischen sich sauber mit Limette. Lila und Pink wirken daneben auffällig, werden aber grau, wenn du direkt hineinmischst.

Wie mache ich einen Neongrün Farbverlauf in CSS?

Setze einen Limetten-Schein auf fast schwarzen Grund, zum Beispiel radial-gradient(circle at 80% 20%, #a3e635 0%, #3f6212 30%, #0b0f05 70%). Der dunkle Grund lässt Limette wie Neon wirken.

Ist Limettengrün eine gute Markenfarbe?

Es kann es sein, für energiegeladene Marken in Sport, Musik, Tech oder frischem Essen. Nutze es als Akzent auf dunklem oder cremefarbenem Grund statt als ganze Fläche und kombiniere es mit dunkler Tinte.

Diesen Artikel teilen

Geschrieben von GradientlyVerifiziertes Gradiently-Konto

Das Team hinter Gradiently, einem Designtool rund um Marks: lebendige Farbverläufe, durch die alles, was du gestaltest, nach dir aussieht.

Unser Profil ansehen

Auf dieser Seite

Warum Limette sich anders verhält als andere GrünsLimettengrün Farbverlauf Codes auf dunklem GrundSanfte Limetten- und Zitruspastell-VerläufeFarben, die sauber zu Limette passenTextfarben, die auf Limette lesbar sindLimetten Farbverlauf CSS für Buttons und HeroesWo ein Limettengrün Farbverlauf am besten wirkt

Diesen Artikel teilen

Als Nächstes in Farbe

Burgunder Farbverlauf: satte Wein- und Maronen-Codes

Weiterlesen

Alle Artikel zu Farbe
Farbe

Grüne Farbverläufe: frisch, tief und elektrisch

4 Min. Lesezeit

Grün kann ein Frühlingsmorgen sein, ein exklusiver Club oder ein Rave-Flyer. Hier sind grüne Farbverläufe für jede Stimmung, mit Codes, und ein Weg aus dem Blattgrün-Klischee.

Farbverläufe

Neon-Farbverläufe: Leuchten, ohne die Augen zu ermüden

5 Min. Lesezeit

Neon ist Farbe auf voller Stufe. Auf dunklem Grund leuchtet sie; über einen ganzen Bildschirm verteilt, surrt sie. So behältst du das Leuchten und verlierst das Surren.

Farbe

Mintgrün Farbverlauf: frische, helle Codes

4 Min. Lesezeit

Mint ist die frischeste Farbe im Farbkreis und die am leichtesten zu verfehlende: eine Nuance zu kühl, und sie wirkt wie Zahnpasta oder ein Krankenhausflur. Hier sind helle Codes, die appetitlich bleiben.

Finde den Look, der nur dir gehört.

Jeder Mark ist ein lebendiger Hintergrund mit einem Besitzer. Probiere einen noch freien Mark und sichere dir deinen, wenn es sich richtig anfühlt.

Jetzt gestalten

Zertifikat prüfen

Gib eine Zertifikatsnummer oder den Code eines Marks ein, um zu sehen, wem er gehört.

Funktioniert mit ChatGPT und Claude

Bitte deine KI um ein Design. Sie macht es in deinem Mark, bereit zum Bearbeiten.

ChatGPTClaude
So verbindest du sie

Produkt

  • Markt
  • Erkunden
  • Preise
  • Zertifikate

Lernen

  • Leitfaden
  • Hilfe-Center
  • Neuigkeiten

Entwickler

  • Überblick
  • ChatGPT und Claude
  • API-Referenz
  • API-Schlüssel

Unternehmen

  • Über uns
  • Kontakt
  • Anmelden

Rechtliches

  • Nutzungsbedingungen
  • Datenschutz
  • Erstattungen
  • Mark-Schutz
  • Cookies
  • Alle Richtlinien
Fahr über die Buchstaben. Jeder trägt einen echten Mark.Tippe auf einen Buchstaben, um seinen Mark zu sehen.Ein Name. Zehn Marks darin.
© 2026 Gradiently