Farbkonvertierung
#2f372f
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 #2F372F?
- #2F372F ist Schattenmoos – Ein sehr dunkles, gedämpftes Olivgrün mit fast schwarzer Tiefe und minimaler Farbsättigung. Es vermittelt die stille Präsenz eines schattigen Waldbodens und ruft geborgene Zurückhaltung hervor.
- Was symbolisiert Schattenmoos?
- Naturverbundenheit, Beständigkeit, Diskretion, Reife, Vertraulichkeit. Im westlichen Kontext steht dunkles Olivgrün häufig für Natur, Militär und Robustheit; in Japan wird gedämpftes Grün mit Zurückhaltung und der Ästhetik des Wabi‑Sabi assoziiert; in Teilen des Nahen Ostens kann dunkles Grün religiöse Konnotationen (islamische Symbolik) oder Wohlstand in bestimmten Schattierungen tragen.
- Wo wird Schattenmoos im Design eingesetzt?
- In Räumen zieht dieser Ton die Aufmerksamkeit nicht mit Helligkeit, sondern mit Dichte und Ruhe an; er schafft visuelle Tiefe und lässt Materialien wie Holz und Messing reicher erscheinen. In Markenauftritten signalisiert er Zuverlässigkeit ohne Aufforderungscharakter und eignet sich für Positionierungen, die Understatement und Qualität betonen.
- Welche Farben passen gut zu Schattenmoos?
- Schattenmoos harmoniert gut mit #5F6F5F, #7A3B7A, #7A4B3B. #5F6F5F: Analoges, helleres Moosgrün; verstärkt Tiefe und schafft subtile Ton‑in‑Ton Harmonie.. #7A3B7A: Komplementär/gedämpfte Pflaume; bietet warme, elegante Spannung und erhöht Lesbarkeit von Akzenten.. #7A4B3B: Triadisch (terracotta‑rot); bringt Wärme und Kontrast für gezielte Akzente (Komplementär zur Ruhe des Olivs)..
- Wie beeinflusst Schattenmoos die Stimmung?
- Gelassene, ernste Zuversicht Er vermittelt primär ein Gefühl von Geborgenheit und solidem Vertrauen. Wichtige Eigenschaften: Stabilität, Diskretion, Vertrauen, Bodenständigkeit, Seriosität.
- Welche Branchen verwenden Schattenmoos?
- Schattenmoos wird häufig in den Bereichen Luxus‑Gastgewerbe (Boutique‑Hotels), Premium‑Outdoor‑Ausrüstung, Kosmetik & Nischen‑Parfum verwendet. Es passt zu Markenarchetypen wie The Sage, The Caregiver.
- Was ist die Geschichte von Schattenmoos?
- Dunkle, gedämpfte Olivtöne wie Schattenmoos haben ihre Wurzeln in natürlichen Erdpigmenten; bereits in der Renaissance und im Mittelalter nutzten Maler grüne Erde (Terre Verte) und mischten sie mit Umbra oder Ruß, um tiefere, schattige Grüntöne zu erzielen. Solche Mischungen wurden oft als Untergründe für Hauttonmalerei und zur Darstellung schattierter Laubpartien eingesetzt.
- Wie verwendet man Schattenmoos im Design?
- Behalten Sie Kontrast und Materialität im Blick: dieser Ton lebt von texturen und punktuellen hellen/warmen Akzenten. Best Practices: Nutzen Sie Schattenmoos als tiefe Basis und heben Sie Materialien mit warmem Metall (Messing, Bronze) oder cremigen Off‑Whites hervor.; Arbeiten Sie mit texturierenden Oberflächen (geöltes Holz, genarbtes Leder), um die subtile Farbtiefe sichtbar zu machen.; Setzen Sie einen einzelnen, kräftigen Akzentton (z. B. warmes Ziegelrot) in kleinen Mengen, um visuelle Spannung zu erzeugen..
- Ist Schattenmoos barrierefrei?
- Kontrastverhältnis auf Weiß: 12.29:1, auf Schwarz: 1.71:1. Erfüllt WCAG AA für normalen und großen Text.