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
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.
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.
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.
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
linear-gradient(120deg, #a3e635 0%, #facc15 50%, #f97316 100%)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.
#a3e635Text
#ffffffKontrast
Urteil
#a3e635Text
#1a2e05Kontrast
Urteil
#84cc16Text
#ffffffKontrast
Urteil
#d9f99dText
#1a2e05Kontrast
Urteil
#3f6212Text
#ffffffKontrast
Urteil
#0b0f05Text
#a3e635Kontrast
Urteil
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.
Sportbekleidung auf dunklem Grund mit Limettenlicht. Die Worte sitzen auf der dunklen Seite.
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.
.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 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.
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.
Geschrieben von Gradiently
Das Team hinter Gradiently, einem Designtool rund um Marks: lebendige Farbverläufe, durch die alles, was du gestaltest, nach dir aussieht.
Unser Profil ansehen