Farbkonvertierung
#2a372c
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 #2A372C?
- #2A372C ist Mitternachtsmoos – Ein sehr dunkles, gedämpftes Olivgrün mit fast schwarzer Tiefe und subtiler Graunuance. Es vermittelt eine erdige Ruhe und geborgene Ernsthaftigkeit, als stünde man im Schatten alter Bäume.
- Was symbolisiert Mitternachtsmoos?
- Naturverbundenheit, Beständigkeit, Reife, Zurückhaltung, Handwerkliche Qualität. In westlichen Kontexten wird tiefes Olivgrün oft mit Natur, Militär und Nachhaltigkeit assoziiert; in Japan steht dunkles Grün für Ruhe, Eleganz und Verfallsschönheit (wabi-sabi); in mediterranen Kulturen kann es an Olivenhaine und traditionelle Erde erinnern und Bodenständigkeit signalisieren.
- Wo wird Mitternachtsmoos im Design eingesetzt?
- In Räumen oder Designs beruhigt die Farbe das Umfeld und reduziert visuelle Unruhe, sie lenkt nicht ab, sondern ordnet. Gleichzeitig verstärkt sie Assoziationen zu Natur, Handwerk und Beständigkeit, wodurch Oberflächen wertiger wirken.
- Welche Farben passen gut zu Mitternachtsmoos?
- Mitternachtsmoos harmoniert gut mit #8C4B3A, #3A4B3B, #C9A56B. #8C4B3A: Warmer Terrakotta-Akzent – starker temperatur- und komplementärnaher Kontrast (Split-Komplementär), schafft visuelle Wärme und Fokus.. #3A4B3B: Helleres, analoges Olivgrün – gleiche Farbfamilie, schafft Tiefe und Schichtung ohne harten Kontrast (analog).. #C9A56B: Gedämpftes Gold/Beige – erdiger Helligkeitskontrast, bringt Eleganz und hebt Details hervor (Wert- und Temperaturkontrast)..
- Wie beeinflusst Mitternachtsmoos die Stimmung?
- Ruhige, erdverbundene Autorität Primär löst sie ein Gefühl von Sicherheit und Verwurzelung aus. Wichtige Eigenschaften: Stabilität, Vertrauen, Zurückhaltung, Bodenständigkeit, Reife.
- Welche Branchen verwenden Mitternachtsmoos?
- Mitternachtsmoos wird häufig in den Bereichen Outdoor- und Ausrüstungsmarken, Premium-Feinkost/Öl-Producers, Naturkosmetik und Apothekenpflege verwendet. Es passt zu Markenarchetypen wie The Sage, The Explorer.
- Was ist die Geschichte von Mitternachtsmoos?
- Dieser dunkle, olivgrüne Ton ist nah verwandt mit historischen 'green earth' (terre verte) Pigmenten, die bereits in der Antike und im Mittelalter verwendet wurden. Maler der Renaissance nutzten veronesisches Grün und grüne Erde als Untertöne und Modellierungsfarben; die dunklere, gedämpfte Variante entstand durch Beimischung von Umbra- oderographischen Erdpigmenten.
- Wie verwendet man Mitternachtsmoos im Design?
- Achte auf Kontrast und Temperature Balance: kombiniere die Tiefe dieses Tons mit hellen, warmen Neutraltönen und punktuellen warmen Akzenten. Best Practices: Nutze #2A372C als dunklen Hintergrund und setze helle, warme Typografie (Creme/Elfenbein) für optimale Lesbarkeit.; Kombiniere es mit einem warmen Terrakotta-Akzent (#8C4B3A) und einem hellen, warmen Neutralton, um eine ausgewogene, organische Palette zu schaffen.; Verwende texturierte Materialien (rau geöltes Holz, mattes Leder, Leinen) statt Hochglanz, um die erdige Qualität zu unterstützen..
- Ist Mitternachtsmoos barrierefrei?
- Kontrastverhältnis auf Weiß: 12.49:1, auf Schwarz: 1.68:1. Erfüllt WCAG AA für normalen und großen Text.