Zu Hauptinhalten gehen

Grün

Alles, was du über Grün wissen musst, um dein nächstes Design zu inspirieren.

Farbpalette abrufen

Wähle eine Farbe aus

Hex

RGB

HSB

HSL

Paletteneinstellungen wählen

Benutzerdefinierte Paletten

Grün ist ein tiefer und klassischer Farbton, der für Natur und Vitalität steht. Auf dem Farbkreis liegt es genau zwischen Blau und Gelb – ein unverwechselbarer, gesättigter Ton, der weder in Richtung helles Limettengrün noch dunkles Waldgrün abdriftet. Diese Farbe vermittelt Wachstum, Stabilität und die Fülle der Natur, was sie zur idealen Wahl für Designs macht, die inspirieren und beleben sollen.

color grüncolor grün

Grün wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.

- HEX-Code: #008000

- RGB-Wert: 0 % Rot, 50,2 % Grün und 0 % Blau

Barrierefreiheit spielt eine entscheidende Rolle bei der Farbwahl im UX- und UI-Design. Die Figma-Community bietet Plugins an, mit denen du sicherstellen kannst, dass deine Designs den Web Content Accessibility Guidelines entsprechen.

Grün bietet ein breites Spektrum, von der erfrischenden Lebendigkeit des Limettengrüns bis zur beruhigenden Tiefe des Waldgrüns. Diese Vielseitigkeit ermöglicht es dir, seine Stärken strategisch zu nutzen:

  • Schaffe eine natürliche Verbindung. Grüns Verbindung zur Natur macht es ideal für umweltfreundliche Marken oder Interfaces, die sich mit Pflanzen und Wohlbefinden beschäftigen.
  • Harmonie und Balance hervorrufen. Hellere Grüntöne fördern ein Gefühl von Ruhe und Gelassenheit, perfekt für Meditations-Apps oder entspannungsorientierte Erlebnisse.
  • Wachstum und Erfolg signalisieren. Hellere Grüntöne können auch für Neuanfänge und Wachstum stehen, was sie zu einer guten Wahl für Fortschrittsbalken oder Bestätigungsnachrichten macht. (Einige E-Commerce-Seiten verwenden grüne Fortschrittsbalken, um Bestellbestätigungen oder erfolgreiche Transaktionen darzustellen.)
  • Wichtige Elemente hervorheben. Bestimmte Grüntöne können auffallen, ohne den Nutzer zu überwältigen. Verwende sie für Call-to-Action-Buttons oder primäre Navigationselemente, um Aufmerksamkeit zu erregen und gleichzeitig ein sauberes Erscheinungsbild zu bewahren.

Bedenke, dass Farbe und ihre Bedeutung je nach Kultur und Kontext variieren können. Wenn du für ein internationales Publikum gestaltest, informiere dich über die Farbsymbolik in den jeweiligen Regionen.

Für Variationen innerhalb des gleichen grünen Spektrums kannst du folgende Farben in Betracht ziehen:

  • Smaragd (#006742) verkörpert die reiche, lebendige Essenz des Edelsteins und bietet einen leuchtenderen und leicht bläulichen Ton, der den Geist von Grün einfängt.
  • Kelly Green (#4CBB17) ist ein lebendiges und reines Grün, das den klassischen Reiz von Grün mit einem etwas intensiveren und lebhafteren Charakter teilt.
  • Waldgrün (#2E6F40) präsentiert einen tieferen, gedämpfteren Ton, der das dichte Laub eines Walddaches widerspiegelt und die Ruhe der Natur verkörpert.
  • Seegrün (#2E8B57) mischt Grün mit einem Hauch von Blau und schafft einen weicheren, gedämpfteren Ton, der die ruhigen und beruhigenden Eigenschaften des Meeres widerspiegelt.

Um die natürlichen Töne von Grün zu ergänzen, kannst du es mit folgenden Farben kombinieren:

  • Creme (#FDFBD4) bietet einen leichten und luftigen Kontrast, der die Fülle von Grün mit seiner sanften, beruhigenden Präsenz hervorhebt.
  • Gebranntes Orange (#BE5103) bringt Wärme und Tiefe ein und schafft eine harmonische, erdige Palette, die den natürlichen Reiz von Grün verstärkt.
  • Tiefblau (#0000CD) bietet einen auffälligen Kontrast, der die lebendige Energie von Grün mit seiner kräftigen und tiefen Intensität hervorhebt.
  • Altrosa (#DCAE96) fügt eine Prise Weichheit und Femininität hinzu und harmoniert sanft mit Grün für einen zarten, ausgewogenen Look.
  • Rehbraun (#654321) erdet die Palette mit seinen erdigen, robusten Tönen und ergänzt die natürliche Essenz von Grün für eine gemütliche, einladende Atmosphäre.

Weitere Farben, die in Betracht gezogen werden sollten, sind Schiefergrau für einen modernen, neutralen Hintergrund, Lavendel für einen sanften, kontrastierenden Akzent und Gelb für einen hellen, fröhlichen Kontrast, der die Lebendigkeit des Frühlings heraufbeschwört.

Obwohl Grün bemerkenswert anpassungsfähig ist, können bestimmte Kombinationen weniger harmonisch wirken:

  • Neonpink (#FF69B4) kann zu lebhaft sein und möglicherweise mit der beruhigenden Natur von Grün kollidieren, indem es einen starken, visuell störenden Kontrast erzeugt.
  • Knallrot (#FF0000), obwohl eine klassische Weihnachtskombination, kann ansonsten zu kühn und überwältigend wirken und die natürliche Ruhe von Grün beeinträchtigen.
  • Dunkellila (#800080), obwohl reich und königlich, könnte zu stark mit Grün konkurrieren, was zu einer Palette führt, die übermäßig gesättigt und weniger kohärent wirkt.
  • Elektrisch Blau (#00F0FF), mit seiner intensiven Lebendigkeit, könnte Grün überschatten und eine Palette schaffen, die an Harmonie und Balance fehlt.
  • Knallgelb (#FFFF00), obwohl in einigen Kontexten ein natürlicher Komplementärton, kann zu hart sein und die Subtilität bestimmter Grüntöne übertönen, was zu einem weniger raffinierten Look führt.

Grün steht für Wachstum, Erneuerung und das Leben selbst. Als die dominierende Farbe der Natur verkörpert es die natürliche Welt und repräsentiert Fruchtbarkeit, Frische und Umweltgesundheit. Es suggeriert Stabilität und Ausdauer und hebt die Vitalität der Erde und den Kreislauf des Lebens hervor.

In der Farbpsychologie wird Grün mit Balance und Harmonie assoziiert. Es hat eine beruhigende Wirkung, reduziert Stress und fördert ein Gefühl von Frieden und Entspannung. Grün ermutigt zu Gefühlen von Sicherheit, Geborgenheit und Hoffnung und fördert das körperliche und emotionale Wohlbefinden. Es steigert Kreativität und Produktivität, was es perfekt für Räume macht, die beruhigen und beleben sollen.

Im UI/UX-Design kann Grün eine entspannte und einladende digitale Umgebung schaffen, die Engagement fördert und positive Aktionen signalisiert, wie erfolgreiche Transaktionen oder Bestätigungsnachrichten. Seine Vielseitigkeit macht es für verschiedene Anwendungen geeignet, von der Hervorhebung von Luxus und Exklusivität mit dunkleren Tönen bis hin zur Förderung von Spaß und Vitalität mit helleren Nuancen.

Im alten Ägypten stand Grün für Fruchtbarkeit und neues Leben und schmückte Darstellungen von Osiris, dem Gott der Vegetation. Ähnlich verbanden die Römer Grün mit Sieg und Frühling und verwendeten grüne Lorbeeren für ihre siegreichen Generäle.

Im Mittelalter hatte Grün eine doppelte Bedeutung. Es symbolisierte sowohl höfische Liebe als auch, im Gegensatz dazu, Neid und Krankheit. Die Renaissance markierte einen Wendepunkt. Die Entwicklung stabiler grüner Pigmente ermöglichte es Künstlern, die lebendigen Farben der Natur genauer einzufangen, und Grün wurde aufgrund der Seltenheit und des Preises dieser neuen Farbstoffe mit Harmonie und sozialem Status assoziiert.

Im 18. und 19. Jahrhundert machte die Erfindung synthetischer Farbstoffe Grün zugänglicher und beeinflusste Mode und Inneneinrichtung. Im späten 19. Jahrhundert nahm Grün eine neue Symbolik an (Umweltschutz), die seine historische Verbindung zu Leben und Wachstum widerspiegelt.

Farbvarianten

Schattierungen

Tönungen

Töne

Farbtöne

Farbharmonien

Komplementär

Gespalten

Monochromatisch

Analog

Triadisch

Quadratisch

Eigene Paletten

Green Gables

Avant-Garden

Green Goddess

Kontrastprüfer

Kontrast 5,14

Großer Text

#008000

Normaler Text

Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.

Das ist #008000 Text auf einem #FFFFFF Hintergrund.
Kategorie
Bestanden
Fehlgeschlagen
Bestanden
Bestanden
Bestanden
Bestanden

Kontrast 4,09

Großer Text

#008000

Normaler Text

Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.

Das ist #008000 Text auf einem #000000 Hintergrund.
Kategorie
Fehlgeschlagen
Fehlgeschlagen
Bestanden
Fehlgeschlagen
Bestanden
Fehlgeschlagen

Farbsimulationen

Protanopie

Deuteranopie

Tritanopie

Achromatopsie

Die hexadezimale Farbe #008000, bekannt als grün, hat die RGB-Werte R:0, G:128, B:0 und die CMYK-Werte C:100, M:0, Y:100, K:50.

VALUECSS
HEX#008000#008000
RGB DECIMAL0, 128, 0RGB(0,128,0)
RGB PERCENTAGE0.0, 50.2, 0.0RGB(0.0%,50.2%,0.0%)
CMYK100, 0, 100, 50
HSLHSL(120.0, 100.0%, 25.1%)HSL(120.0, 100.0%, 25.1%)
HSV (OR HSB)120.0°, 100.0, 50.2
WEB SAFE#01530#01530
BINARY00000000, 10000000, 00000000
iOS - SwiftUIColor(red: 0.000, green: 0.502, blue: 0.000)
iOS - UIKitUIColor(red: 0.000, green: 0.502, blue: 0.000, alpha: 1)
Android - ComposeColor(0xFF008000)
Farbpalette abrufen