Farbkonvertierung
#eef2ef
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 #EEF2EF?
- #EEF2EF ist Nebelgrüner Schimmer – Ein hauchzarter, fast weißer Grünton mit einem kühlen, silbrigen Unterton, der wie Morgendunst auf Blättern wirkt. Er vermittelt stille Frische und eine subtile, gepflegte Zurückhaltung.
- Was symbolisiert Nebelgrüner Schimmer?
- Reinheit ohne Strenge, Neuanfang in zarter Form, Natürlichkeit und Nachhaltigkeit, Zurückhaltung und Eleganz, Gesundheit und Hygiene. In westlichen Kontexten wird ein sehr blasses Grün oft mit Reinheit und Wellness verknüpft; in Japan entspricht die Zurückhaltung des Tons ästhetischen Prinzipien wie wabi-sabi und Frühlingserneuerung; in südasiatischen Kontexten steht Grün allgemein für Leben und Fruchtbarkeit, wobei diese blasse Nuance eher Modernität und Zurückhaltung signalisiert.
- Wo wird Nebelgrüner Schimmer im Design eingesetzt?
- In Räumen und Interfaces beruhigt diese Farbe die Wahrnehmung, reduziert visuelle Unruhe und fördert das Gefühl von Hygiene ohne Kälte. Sie schafft eine luftige Grundstimmung, die andere, stärkere Akzente wirken lässt, ohne die Aufmerksamkeit zu kapern.
- Welche Farben passen gut zu Nebelgrüner Schimmer?
- Nebelgrüner Schimmer harmoniert gut mit #C7E9D6, #F2EAF5, #2E4053. #C7E9D6: Analoges, tieferes Mintgrün; verstärkt die Frische und schafft harmonische Ton-in-Ton-Übergänge (analogous harmony).. #F2EAF5: Gedämpftes Lavendel als sanfte Komplementär-Variation; sorgt für subtile Kontraste ohne Aggressivität (split-complementary harmony).. #2E4053: Dunkles Schieferblau‑Grau liefert festen Kontrast für Typografie und Akzente und erhöht die Lesbarkeit (high-contrast grounding)..
- Wie beeinflusst Nebelgrüner Schimmer die Stimmung?
- Sanfte, gepflegte Ruhe mit frischer Klarheit Primär löst sie Entspannung und Zuversicht aus. Wichtige Eigenschaften: Beruhigend, Vertrauensfördernd, Sauber, Bescheiden, Erfrischend.
- Welche Branchen verwenden Nebelgrüner Schimmer?
- Nebelgrüner Schimmer wird häufig in den Bereichen Wellness & Spa, Naturkosmetik, Gesundheitswesen (klinische Praxisräume, Telemedizin) verwendet. Es passt zu Markenarchetypen wie The Caregiver, The Sage.
- Was ist die Geschichte von Nebelgrüner Schimmer?
- Milde, grünlich-weiße Töne sind in der Praxis seit der Antike bekannt, da Pigmente wie gemahlener Malachit oder spätere Grünerden (terre verte) verwendet wurden, um helle Grünnuancen zu erzeugen; solche Töne entstanden traditionell durch starke Beimischung von Weiß zu Grünpigmenten.
- Wie verwendet man Nebelgrüner Schimmer im Design?
- Erhalte ausreichend Kontrast und setze gezielte, gesättigte Akzente, damit die subtile Neutralität nicht in Belanglosigkeit kippt. Best Practices: Setze #EEF2EF als großzügigen Hintergrund und kombiniere ihn mit einem kräftigen Akzent (z. B. Lavendel oder tiefer Salbei) für CTA‑Fokus.; Nutze matte Texturen oder leicht gewebte Stoffe, damit die Farbe mehr Tiefe gewinnt und nicht steril wirkt.; Bei Typografie dunkle, kontrastreiche Schriften (mind. 14–16pt digital, Gewicht 600–800) einsetzen, um Barrierefreiheit sicherzustellen..
- Ist Nebelgrüner Schimmer barrierefrei?
- Kontrastverhältnis auf Weiß: 1.13:1, auf Schwarz: 18.58:1. Erfüllt WCAG AA für normalen und großen Text.