# Limettengrün Farbverlauf: spritzige Codes mit Kontrolle

[Canonical HTML page](https://gradiently.design/de/guide/lime-gradient)

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.

## The short version

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

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](https://gradiently.design/de/guide/green-gradient).

- Zitrusnebel: #ecfccb
- Blasse Limette: #d9f99d
- Frische Limette: #bef264
- Limette: #a3e635
- Blattlimette: #84cc16
- Tiefe Limette: #65a30d
- Olive: #3f6212
- Limettentinte: #1a2e05

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.

- Limettenlicht auf Schwarz: `radial-gradient(circle at 80% 20%, #a3e635 0%, #3f6212 30%, #0b0f05 70%)`
- Nacht zu Limette: `linear-gradient(160deg, #0b0f05 0%, #1a2e05 45%, #84cc16 100%)`
- Stadionglühen: `radial-gradient(ellipse at 50% 110%, #bef264 0%, #4d7c0f 35%, #0a0d06 75%)`
- Tiefes Petrol zu Limette: `linear-gradient(135deg, #0b1a14 0%, #134e4a 45%, #a3e635 100%)`

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](https://gradiently.design/de/guide/dark-gradient-backgrounds) 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.

- Zitrone zu Limettencreme: `linear-gradient(135deg, #fefce8 0%, #ecfccb 50%, #d9f99d 100%)`
- Limette zu Mint: `linear-gradient(180deg, #f7fee7 0%, #d1fae5 100%)`
- Zitrussonne: `radial-gradient(circle at 30% 30%, #fef9c3 0%, #d9f99d 45%, #bef264 100%)`

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](https://gradiently.design/de/guide/mint-gradient) 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](https://gradiently.design/de/guide/muddy-gradients) 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, Mandarine: `linear-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](https://gradiently.design/de/guide/color-contrast-accessibility).

| Hintergrund | Text | Kontrast | Urteil |
| --- | --- | --- | --- |
| Limette `#a3e635` | Weiß `#ffffff` | 1,5:1 | Fällt durch, auch für Überschriften |
| Limette `#a3e635` | Limettentinte `#1a2e05` | 9,7:1 | Ausgezeichnet |
| Blattlimette `#84cc16` | Weiß `#ffffff` | 2,0:1 | Fällt durch |
| Blasse Limette `#d9f99d` | Limettentinte `#1a2e05` | 12,5:1 | Ausgezeichnet |
| Olive `#3f6212` | Weiß `#ffffff` | 7,1:1 | Gut, für das dunkle Ende nutzen |
| Fast Schwarz `#0b0f05` | Limette `#a3e635` | 12,8:1 | Ausgezeichnet, 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](https://gradiently.design/de/guide/text-on-gradient) behandelt, was du tust, wenn die Worte beide Enden einer Mischung kreuzen.

Ein Produkt-Drop-Post im Hochformat, der Court-Schuhe in Limette ankündigt, mit heller Schrift auf einem dunkelgrünen Verlauf, in einer Ecke von Limette beleuchtet

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

Ein Hochformat-Post für eine Saftbar mit dunkelgrüner Überschrift auf einem blassen Limetten-Zitronen-Verlauf

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](https://gradiently.design/de/guide/css-gradient-oklch) 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](https://gradiently.design/de/guide/neon-gradients) 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.

## FAQ

### 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.