Farbkonvertierung
#38223e
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 #38223E?
- #38223E ist Mitternachtsflieder – Ein sehr dunkles, gedämpftes Violett mit warmen Braunnoten, das im Halbschatten fast schwarz wirkt. Es vermittelt eine intime, konzentrierte Stimmung voller stiller Eleganz und geheimnisvoller Tiefe.
- Was symbolisiert Mitternachtsflieder?
- Geheimnis und Intimität, Eleganz und Luxus, kreative Tiefe, Reife und Würde, spirituelle Reflexion. In westeuropäischen Kontexten steht dunkles Violett traditionell für Luxus und Würde; in Teilen Asiens (z. B. Japan) kann Purpur historisch Rang markieren; im Nahen Osten verbinden einige Kulturen tiefe Purpurtöne mit Reichtum, während in westafrikanischen Kontexten Lila oft festliche Bedeutung trägt.
- Wo wird Mitternachtsflieder im Design eingesetzt?
- In Räumen oder digitalen Oberflächen zieht diese Farbe die Aufmerksamkeit auf sich, ohne zu schreien — sie senkt visuelle Helligkeit und fördert konzentrierte, intime Betrachtung. Als Hintergrund lässt sie Akzente reicher erscheinen und fördert den Eindruck von Luxus und Präsenz.
- Welche Farben passen gut zu Mitternachtsflieder?
- Mitternachtsflieder harmoniert gut mit #6FBF5B, #2A3F6F, #BF9B3E. #6FBF5B: Komplementärer Kontrast: warmes Moosgrün bringt Lebendigkeit ohne grelle Spannung (komplementäre Harmonie).. #2A3F6F: Analog-nach-blau: tiefes Indigoblau vertieft die Nachtstimmung und schafft ein ruhiges, thematisch geschlossenes Spektrum.. #BF9B3E: Split-Komplementär/Accent: gedecktes Bernstein/Gold bietet warme, luxuriöse Akzente und erhöht die Wahrnehmung von Wertigkeit..
- Wie beeinflusst Mitternachtsflieder die Stimmung?
- Ruhige Autorität mit dunkler Eleganz Das erste Gefühl ist geborgene Neugier: man fühlt sich gleichzeitig angezogen und zurückhaltend. Wichtige Eigenschaften: Autorität ohne Aggression, Intimität, Raffinesse, Nachdenklichkeit, Geheimnis.
- Welche Branchen verwenden Mitternachtsflieder?
- Mitternachtsflieder wird häufig in den Bereichen Parfüm & Kosmetik, Luxus-Accessoires (Leder, Schmuckverpackung), Boutique-Hotellerie & Fine Dining verwendet. Es passt zu Markenarchetypen wie Der Herrscher (The Ruler), Der Weiser (The Sage).
- Was ist die Geschichte von Mitternachtsflieder?
- Tiefviolette und aubergineartige Töne sind seit der Antike begehrt: frühe Purpurfarben kamen aus Murex-Schnecken (Tyrian Purple), später brachte der Handel mit Logwood und Orchil im 16.–18. Jahrhundert kostbare Purpurtöne nach Europa. Dunklere, erdige Varianten wie unser Ton entstanden, wenn Purpur mit braunen Zusatzstoffen oder aus Holzsyrrh verglichenen Farbstoffen modifiziert wurde.
- Wie verwendet man Mitternachtsflieder im Design?
- Balance zwischen Tiefe und Luftigkeit: immer mindestens einen warmen, hellen Kontrastbereich neben diesem Ton planen. Best Practices: Verwende #38223E als begrenzten, kräftigen Akzent (z. B. Header, Box oder Wand), nicht als flächendeckendes Primärfeld.; Kombiniere mit warmer Metallicfolie (Gold/Altsilber) für hohe Wahrnehmung von Wertigkeit — teste Prägung statt Druck.; Setze helle, warme Neutraltöne (Creme/Beige) als Kontrastflächen, um Lesbarkeit und Luftigkeit zu sichern..
- Ist Mitternachtsflieder barrierefrei?
- Kontrastverhältnis auf Weiß: 14.32:1, auf Schwarz: 1.47:1. Erfüllt WCAG AA für normalen und großen Text.