
Figma-Farbkreis
Möchtest du die perfekten komplementären oder analogen Farben finden, die zu Grün passen?
Zu Hauptinhalten gehen
Alles, was du über Grün wissen musst, um dein nächstes Design zu inspirieren.
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.

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:
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:
Um die natürlichen Töne von Grün zu ergänzen, kannst du es mit folgenden Farben kombinieren:
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:
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.
Schattierungen
Tönungen
Töne
Farbtöne
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Green Gables
Avant-Garden
Green Goddess
Kontrast 5,14
#008000
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Bestanden | Fehlgeschlagen | |
Bestanden | Bestanden | |
Bestanden | Bestanden |
Kontrast 4,09
#008000
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Fehlgeschlagen | Fehlgeschlagen | |
Bestanden | Fehlgeschlagen | |
Bestanden | Fehlgeschlagen |
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.
| VALUE | CSS | |
|---|---|---|
| HEX | #008000 | #008000 |
| RGB DECIMAL | 0, 128, 0 | RGB(0,128,0) |
| RGB PERCENTAGE | 0.0, 50.2, 0.0 | RGB(0.0%,50.2%,0.0%) |
| CMYK | 100, 0, 100, 50 | |
| HSL | HSL(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 |
| BINARY | 00000000, 10000000, 00000000 | |
| iOS - SwiftUI | Color(red: 0.000, green: 0.502, blue: 0.000) | |
| iOS - UIKit | UIColor(red: 0.000, green: 0.502, blue: 0.000, alpha: 1) | |
| Android - Compose | Color(0xFF008000) |

Möchtest du die perfekten komplementären oder analogen Farben finden, die zu Grün passen?

Erlebe die sanfte Natur von Hellgrün.

Erfahre mehr über Mintgrün.