Figma Farbkreis
Möchtest du die perfekten komplementären oder analogen Farben finden, die zu Jadegrün passen?
Jadegrün, das sich in der Mitte des grünen Bereichs auf dem Farbkreis befindet, ist ein kühl getönter Farbton, der Luxus und Raffinesse verkörpert und an den kostbaren Jadestein erinnert. Es teilt die belebenden Eigenschaften von Grün mit einem Hauch von Ruhe durch den blauen Einfluss.
Jadegrün wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- HEX-Code: #00BB77
- RGB-Wert: 0 % Rot, 73,3 % Grün und 46,7 % 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, Jadegrün in deinen Designs zu verwenden:
- Verbessere Mikro-Interaktionen. Nutze Jadegrün, um deinem Interface Glanz zu verleihen und die Benutzererfahrung zu verbessern. Ein subtiler Jadegrün-Schimmer über einem Icon kann beispielsweise signalisieren, dass es anklickbar ist, wenn man darüber schwebt.
- Schaffe eine luxuriöse Atmosphäre. Jadegrüns Verbindung zu Luxus ist ideal für Marken, die hochwertige Produkte bewerben. Kombiniere es mit eleganten Neutralfarben wie Schwarz oder Grau für ein edles Interface.
- Signifiziere Erfolg. Da Nutzer Grün oft mit Erfolg verbinden, ist es ein nützlicher Farbton, um den Abschluss von Aufgaben anzuzeigen. Ein Jadegrün-Häkchen auf einem Formular oder eine Jadegrün-Bestätigungsbenachrichtigung kann visuell signalisieren, dass die Informationen korrekt eingegeben wurden.
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 kühlen Spektrums wie Jadegrün, ziehe in Betracht:
- Hellgrün (#88E788) wirkt weicher und vermittelt ein ähnliches ruhiges Gefühl.
- Pastellgrün (#80EF80) teilt einen ähnlichen Farbton mit mehr grünen Untertönen.
- Türkis (#40E0D0) erscheint blauer mit den gleichen belebenden Eigenschaften.
- Smaragdgrün (#00674F) ist ein juwelentöniger Farbton mit mehr grünem Einfluss, teilt aber ein ähnliches luxuriöses Gefühl.
Um Jadegrün zu ergänzen, kombiniere es mit:
- Hellgelb (#FFFFC5) ergänzt die Kühle von Jadegrün für eine frische und fröhliche Farbkombination.
- Amaranth (#E83256) kontrastiert die Juwelentöne von Jadegrün für ein lebendiges, aber ausgewogenes Farbschema.
- Celadon (#A8DCAB) schafft die perfekte monochrome Farbpalette für ein erfrischendes und harmonisches Gefühl.
- Taupe (#54463A) fügt Tiefe hinzu und schafft eine geerdete und anspruchsvolle Atmosphäre.
- Sanftes Rosa (#E89EB8) schafft eine verspielte und frühlingshafte Farbkombination.
Weitere Farben, die in Betracht gezogen werden sollten, sind Gold für eine glamouröse Palette, Marineblau für eine klassische Kombination und Silber für ein modernes Gefühl.
Während Jadegrün beruhigend ist, kann es mit folgenden Farben kollidieren:
- Olivgrün (#636B2F) kann zu gelblich wirken und neben der Kühle von Jadegrün matt aussehen.
- Neonpink (#FF13F0) kann die ruhige und beruhigende Natur von Jadegrün übertönen.
- Limettengrün (#89F336) wirkt visuell überwältigend und kann neben Jadegrün um Aufmerksamkeit konkurrieren.
- Neonorange (#FF5C00) kann einen harten Kontrast erzeugen, der neben Jadegrün überwältigend wirken kann.
Wie der kostbare Jadestein steht Jadegrün für Luxus, Raffinesse und Fülle. Es trägt auch Konnotationen von Wachstum und Stabilität.
In der Farbpsychologie fördert Jadegrün Gefühle der Erneuerung, des Friedens und der Ruhe. Es besitzt auch aufmunternde Eigenschaften, die Neuanfänge und frische Starts fördern.
Im UI-Design ist Jadegrün eine gute Wahl, um Erfolgszustände zu signalisieren, da es ein Gefühl der Leistung bei den Nutzern wecken kann. Es ist auch eine großartige Farboption für Marken, die ihre Designs aufwerten und eine luxuriöse und anspruchsvolle Benutzeroberfläche schaffen möchten.
Der hochgeschätzte Jadestein wird seit Jahrhunderten von vielen verschiedenen Zivilisationen geschätzt und verwendet – von den Maori in Neuseeland bis zu den alten Chinesen und mesoamerikanischen Kulturen. Er wurde in Schnitzereien, spirituellen Zeremonien, Schmuck und Waffen verwendet und oft mit Reichtum, Schutz, Glück und Heilung in Verbindung gebracht.
Erst im 19. Jahrhundert wurde Jadegrün als Farbname aufgezeichnet, der sich auf den Farbton des Edelsteins bezieht. Heute wird Jadegrün in vielen Kulturen in Kunst, Schmuck, Mode und Designs verwendet.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Jaded
Jungle Heat
Metropolis
Kontrastprüfer
Kontrast 2,51
- Großer Text
#00BB77
- 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 8,37
- Großer Text
#00BB77
- 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 #00bb77, bekannt als Jadegrün, hat die RGB-Werte R:0, G:187, B:119 und die CMYK-Werte C:100, M:0, Y:36, K:27.
| VALUE | CSS | |
|---|---|---|
| HEX | #00bb77 | #00bb77 |
| RGB DECIMAL | 0, 187, 119 | RGB(0,187,119) |
| RGB PERCENTAGE | 0.0, 73.3, 46.7 | RGB(0.0%,73.3%,46.7%) |
| CMYK | 100, 0, 36, 27 | |
| HSL | HSL(158.2, 100.0%, 36.7%) | HSL(158.2, 100.0%, 36.7%) |
| HSV (OR HSB) | 158.2°, 100.0, 73.3 | |
| WEB SAFE | #0204102 | #0204102 |
| BINARY | 00000000, 10111011, 01110111 | |
| iOS - SwiftUI | Color(red: 0.000, green: 0.733, blue: 0.467) | |
| iOS - UIKit | UIColor(red: 0.000, green: 0.733, blue: 0.467, alpha: 1) | |
| Android - Compose | Color(0xFF00BB77) |
