Farbkonvertierung
#21a366
Variationen
Ziel dieses Abschnitts ist es, Töne (reines Weiß hinzugefügt) und Schattierungen (reines Schwarz hinzugefügt) deiner ausgewählten Farbe in 10%-Schritten genau zu erzeugen.
Profi-Tipp: Verwende Schattierungen für Hover-Zustände und Schatten, Töne für Highlights und Hintergründe.
Schattierungen
Dunklere Variationen, die durch Hinzufügen von Schwarz zu deiner Basisfarbe erstellt werden.
Töne
Hellere Variationen, die durch Hinzufügen von Weiß zu deiner Basisfarbe erstellt werden.
Häufige Anwendungsfälle
- • UI-Komponenten-Zustände (Hover, aktiv, deaktiviert)
- • Tiefe mit Schatten und Highlights erzeugen
- • Konsistente Farbsysteme aufbauen
Designsystem-Tipp
Diese Variationen bilden die Grundlage einer kohärenten Farbpalette. Exportiere sie, um Konsistenz in deinem gesamten Projekt zu gewährleisten.
Farbkombinationen
Jede Harmonie hat ihre eigene Stimmung. Verwende Harmonien, um Farbkombinationen zu brainstormen, die gut zusammenpassen.
So verwendest du es
Klicke auf eine beliebige Farbe, um ihren Hex-Wert zu kopieren. Diese Kombinationen sind mathematisch bewiesen, um visuelle Harmonie zu schaffen.
Warum es wichtig ist
Farbharmonien schaffen Balance und rufen spezifische Emotionen in deinen Designs hervor.
Komplementär
Eine Farbe und ihr Gegenüber auf dem Farbkreis, +180 Grad Farbton. Hoher Kontrast.
Gesplittet-komplementär
Eine Farbe und zwei angrenzende zu ihrem Komplementär, +/-30 Grad Farbton vom Wert gegenüber der Hauptfarbe. Kühn wie ein direktes Komplementär, aber vielseitiger.
Triadisch
Drei Farben gleichmäßig entlang des Farbkreises verteilt, jeweils 120 Grad Farbton auseinander. Am besten eine Farbe dominieren lassen und die anderen als Akzente verwenden.
Analog
Drei Farben mit gleicher Leuchtkraft und Sättigung, deren Farbtöne auf dem Farbkreis benachbart sind, 30 Grad auseinander. Sanfte Übergänge.
Monochromatisch
Drei Farben mit demselben Farbton und Leuchtkraftwerten von +/-50%. Subtil und raffiniert.
Tetradisch
Zwei Sätze von Komplementärfarben, getrennt durch 60 Grad Farbton.
Grundlagen der Farbtheorie
Balance
Verwende eine dominante Farbe, unterstütze mit sekundären und setze Akzente sparsam.
Kontrast
Sorge für ausreichenden Kontrast für Lesbarkeit und Zugänglichkeit.
Harmonie
Farben sollten zusammenarbeiten, um ein einheitliches visuelles Erlebnis zu schaffen.
Farbkontrastprüfer
Teste Farbkombinationen, um sicherzustellen, dass sie den WCAG-Zugänglichkeitsstandards für Textlesbarkeit entsprechen.
Textfarbe
Hintergrundfarbe
Kontrast
WCAG-Standards
Erweiterter Kontrastprüfer
Feinabstimmung mit Schiebereglern, mehreren Vorschauen & mehr
Jeder ist ein Genie. Aber wenn du einen Fisch danach beurteilst, ob er auf einen Baum klettern kann, wird er sein ganzes Leben glauben, dass er dumm ist.
Technische Formate
Praktische Formate
Farbanalyse
Blindheitssimulator
Kreative Aspekte
Häufig gestellte Fragen
- Welche Farbe ist #21A366?
- #21A366 ist Smaragdgrün des Frühlings – Ein klares, mitteldunkles Grün mit leichtem Türkis-Anteil, das an saftige Blätter im Schatten erinnert. Es vermittelt entschlossene Frische und eine pragmatische Zuversicht.
- Was symbolisiert Smaragdgrün des Frühlings?
- Wachstum und Erneuerung, Gesundheit und Frische, Nachhaltigkeit und Ökologie, Vertrauen in moderne Technik, Ausgewogenheit zwischen Natur und Urbanität. Im Westen steht Grün oft für Natur, Gesundheit und Nachhaltigkeit; in Indien und weiten Teilen der islamischen Welt ist Grün mit Fruchtbarkeit und spiritueller Bedeutung verbunden. In China kann ein bestimmtes Grünton‑Kontext (z. B. 'grüner Hut') negative Konnotationen haben, während allgemeines Grün dort Jugend und Wachstum signalisiert.
- Wo wird Smaragdgrün des Frühlings im Design eingesetzt?
- In Interfaces oder Räumen wirkt diese Nuance anregend, ohne aufdringlich zu sein; sie fördert Aufmerksamkeit für Aktionen wie 'Bestätigen' oder 'Kaufen'. Gleichzeitig signalisiert sie Verantwortungsbewusstsein und Nachhaltigkeit, wodurch Nutzer Vertrauen gewinnen.
- Welche Farben passen gut zu Smaragdgrün des Frühlings?
- Smaragdgrün des Frühlings harmoniert gut mit #A32166, #219AA3, #A36A21. #A32166: Komplementärkontrast: kräftiges Magenta schafft auffällige CTAs und visuelle Spannung (Komplementärharmonie).. #219AA3: Analog/Nahe Harmonie: kühler Cyan‑Ton erweitert die Palette in Richtung Teal für ruhige UI‑Hintergründe.. #A36A21: Split‑Komplementär/akzentuiert: warmes Bernstein‑Orange bietet erdige Wärme für Highlights und Typografieakzente..
- Wie beeinflusst Smaragdgrün des Frühlings die Stimmung?
- Lebendige Gelassenheit mit handfester Energie Primär löst sie ein Gefühl von erfrischender Sicherheit und handlungsbereiter Ruhe aus. Wichtige Eigenschaften: Zuverlässigkeit, Erneuerung, Gesundheit, Moderner Optimismus, Ausgewogenheit.
- Welche Branchen verwenden Smaragdgrün des Frühlings?
- Smaragdgrün des Frühlings wird häufig in den Bereichen Nachhaltige Technologie‑Startups, Gesundheits‑ und Wellnessmarken, Outdoor‑ und Activewear verwendet. Es passt zu Markenarchetypen wie The Caregiver, The Explorer.
- Was ist die Geschichte von Smaragdgrün des Frühlings?
- Grüne Töne mit einem türkisen Anteil wurden historisch aus Kupfer‑ und Chromverbindungen erzeugt: frühe Grüntöne wie Verdigris (Kupferacetat) waren schon in der Renaissance in Dekor und Manuskripten zu finden, doch sie waren lichtempfindlich. Im 19. Jahrhundert brachte die Entwicklung stabiler Chrom‑ und Kobaltpigmente, besonders Viridian (Hydrat‑Chrom(III)oxid), eine haltbare, etwas bläuliche Grünpalette, aus der sich spätere, intensivere Grüntöne ableiten lassen.
- Wie verwendet man Smaragdgrün des Frühlings im Design?
- Kontrast und Balance: nutze Grün als starker Akzent und balanciere mit zwei Neutraltönen plus einem warmen Gegenakzent. Best Practices: Setze #21A366 als Accent‑Farbe gegen helle Neutrale (z. B. D9D5CF) und ein dunkles Kontrast‑Neutral (z. B. 4A4A4A) für klare Lesbarkeit.; Nutze eine warme Komplementärfarbe (A36A21) punktuell für Buttons oder Illustrationsdetails, um visuelle Spannung zu erzeugen.; Verwende großzügige Weißräume um Flächen in diesem Grün, damit die Farbe nicht zu dominant wirkt..
- Ist Smaragdgrün des Frühlings barrierefrei?
- Kontrastverhältnis auf Weiß: 3.23:1, auf Schwarz: 6.50:1. Erfüllt WCAG AA für normalen und großen Text.