Figma-Farbkreis
Möchtest du die perfekten komplementären oder analogen Farben finden, die zu Hellgrün passen?
Hellgrün ist ein kühl getönter Farbton, der sich zwischen Türkis und Grün auf dem Farbkreis befindet. Seine erfrischenden und beruhigenden Eigenschaften stammen von der grünen und subtilen blauen Einflusssphäre, die ein Gefühl von Stabilität, Frieden und Erneuerung schafft.
Hellgrün wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- HEX-Code: #88E788
- RGB-Wert: 53,3 % Rot, 90,6 % Grün und 53,3 % 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.
Hier sind einige Möglichkeiten, Hellgrün in deinen Designs zu verwenden:
- Visuelles Feedback geben. Hellgrün ist die perfekte Farbe für Erfolgsmeldungen oder Hover-Effekte, die das Erreichen eines Ziels innerhalb einer Plattform signalisieren. Ein Kontrollkästchen kann beispielsweise hellgrün erscheinen, wenn ein Nutzer das Element anklickt, und so ein Gefühl der Vollendung fördern.
- Nutzeraktionen fördern. Hellgrün hat eine Lebendigkeit, die Aufmerksamkeit erregt, ohne visuell überwältigend zu sein. Verwende es für primäre CTAs wie „Anmelden“, „Konto erstellen“ oder „Jetzt kaufen“, um Nutzer zum Klicken zu animieren.
- Eine beruhigende Atmosphäre schaffen. Die Integration von Hellgrün in die Farbpalette eines UI kann Frieden und Wohlbefinden fördern, insbesondere in der Gesundheits- und Wellnessbranche. Es funktioniert auch gut in Bildungs- und Produktivitäts-Apps, die eine ruhige und fokussierte Umgebung schaffen.
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 erfrischenden Spektrums wie Hellgrün, ziehe folgende Farben in Betracht:
- Jadegrün (#00BB77) hat ein satteres Erscheinungsbild und neigt mehr zur blauen Region des Farbkreises.
- Pastellgrün (#80EF80) teilt einen ähnlichen Farbton mit etwas mehr Lebendigkeit.
- Mintgrün (#ADEBB3) bringt einen weicheren, leichteren Touch für ein Frühlingsgefühl.
- Celadon (#A8DCAB) erscheint gedämpfter mit subtilen Grautönen.
Um Hellgrün zu ergänzen, kombiniere es mit:
- Orchidee (#ED80E9) ergänzt Hellgrün und bietet eine dynamische, aber ausgewogene Farbkombination.
- Weiß (#FFFFFF) schafft einen sauberen und modernen Look, der Hellgrün hervorhebt.
- Hellgelb (#FFFFC5) bietet einen subtilen Kontrast für eine fröhliche Farbkombination.
- Lachs (#FF7E70) fügt Hellgrüns erfrischender Natur Energie hinzu.
- Nebelblau (#B5C7EB) kontrastiert Hellgrün mit einem beruhigenden Komplementärton.
Weitere Farben, die in Betracht gezogen werden sollten, sind Dunkelgrün für eine kohärente und natürliche Kombination, Marineblau für ein maritimes Flair und Hellgrau für ein einfaches, aber raffiniertes Farbschema.
Obwohl Hellgrün kühl ist, kann es mit folgenden Farben kollidieren:
- Limettengrün (#89F336) hat eine Lebendigkeit, die Hellgrüns luftiges Gefühl dämpfen kann.
- Neonpink (#FF13F0) schafft einen extremen Kontrast, der Hellgrüns ruhige Energie stört.
- Dunkelorange (#C76E00) hat eine Wärme, die neben Hellgrüns Kühle matschig wirken kann.
- Neonlila (#8A00C4) kann einen scharfen und unausgewogenen Kontrast neben Hellgrün erzeugen.
Hellgrün steht für Neuanfänge, Wachstum und Optimismus. Es trägt auch Konnotationen von Frieden und Stabilität.
In der Farbpsychologie weckt Hellgrün Gefühle der Entspannung und Erneuerung. Sein sanfter Farbton fördert auch ein Gefühl der Hoffnung, hebt die Stimmung und ermutigt zu einem Neuanfang.
Im UI-Design bietet Hellgrün genug Kontrast, um die Aufmerksamkeit der Nutzer zu erregen, ohne visuell überwältigend zu sein. Dies macht es zu einem idealen Farbton für primäre CTAs oder um positives visuelles Feedback zu geben.
Hellgrüne Pigmente wurden im Laufe der Geschichte verwendet, wobei natürliche Mineralien wie Malachit, Grünspan und pflanzliche Materialien zur Herstellung des Farbtons genutzt wurden. Viele glauben, dass die erste dokumentierte Verwendung von Hellgrün als eigenständige Farbe bereits im Jahr 700 n. Chr. stattfand.
Im Laufe der Geschichte war Hellgrün ein Symbol für Wachstum und Erneuerung. In der modernen Ära wurde es stark mit Natur, Nachhaltigkeit und Umweltschutz assoziiert. Heute werden hellgrüne Töne in einer Vielzahl von Anwendungen verwendet, darunter UI-Design, Grafikdesign, moderne Kunst und Mode.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Immergrün
Frühlingsblumen
Neuanfang
Kontrastprüfer
Kontrast 1,52
- Großer Text
#88E788
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Fehlgeschlagen | Fehlgeschlagen | |
Fehlgeschlagen | Fehlgeschlagen | |
Fehlgeschlagen | Fehlgeschlagen |
Kontrast 13,83
- Großer Text
#88E788
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Bestanden | Bestanden | |
Bestanden | Bestanden | |
Bestanden | Bestanden |
Farbsimulationen
Protanopie
Deuteranopie
Tritanopie
Achromatopsie
Die hexadezimale Farbe #88e788, bekannt als Hellgrün, hat die RGB-Werte R:136, G:231, B:136 und die CMYK-Werte C:41, M:0, Y:41, K:9.
| VALUE | CSS | |
|---|---|---|
| HEX | #88e788 | #88e788 |
| RGB DECIMAL | 136, 231, 136 | RGB(136,231,136) |
| RGB PERCENTAGE | 53.3, 90.6, 53.3 | RGB(53.3%,90.6%,53.3%) |
| CMYK | 41, 0, 41, 9 | |
| HSL | HSL(120.0, 66.4%, 72.0%) | HSL(120.0, 66.4%, 72.0%) |
| HSV (OR HSB) | 120.0°, 41.1, 90.6 | |
| WEB SAFE | #153255153 | #153255153 |
| BINARY | 10001000, 11100111, 10001000 | |
| iOS - SwiftUI | Color(red: 0.533, green: 0.906, blue: 0.533) | |
| iOS - UIKit | UIColor(red: 0.533, green: 0.906, blue: 0.533, alpha: 1) | |
| Android - Compose | Color(0xFF88E788) |
