Farbkonvertierung
#111593
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 #111593?
- #111593 ist Mitternachtskodex – Ein intensives, fast samtschwarzes Indigo mit einer kühlen, reinen Farbtiefe, die bei näherem Hinsehen violette Nuancen offenbart. Es vermittelt konzentrierte Ruhe und eine anspruchsvolle, intellektuelle Distanz.
- Was symbolisiert Mitternachtskodex?
- Wissen und Intellekt, Geheimnis/Vertraulichkeit, Autorität ohne Aggression, luxuriöse Zurückhaltung, nächtliche Ruhe. In Indien und Südostasien ist Indigo historisch mit wertvollen Textilien verbunden und steht für Handwerk; in westlichen Geschäftskulturen signalisiert tiefes Indigo Seriosität und Premium; in Japan kann ein ähnlicher Ton (Ai) traditionelle Handwerkskunst und Zurückhaltung repräsentieren.
- Wo wird Mitternachtskodex im Design eingesetzt?
- In einem Raum oder Interface erzeugt diese Nuance Fokus und reduziert visuelle Unruhe, indem sie als ruhender Hintergrund wirkt. Gleichzeitig hebt sie warme Akzente hervor und lässt Inhalte klarer erscheinen, wenn helle Typografie oder Goldtöne als Kontrast eingesetzt werden.
- Welche Farben passen gut zu Mitternachtskodex?
- Mitternachtskodex harmoniert gut mit #F2A400, #3A11F5, #0FA3D1. #F2A400: Komplementär: kräftiges Bernstein/Gold liefert warmen Kontrast, erzeugt Sichtbarkeit und klassische Eleganz (Komplementärkontrast).. #3A11F5: Analog/Erweiterung: ein violetter Akzent verstärkt die verborgenen violetten Töne und schafft eine tiefe, harmonische Farbabstufung.. #0FA3D1: Split-komplementär/Ergänzung: kühles Cyan bringt Frische und dient als lebendiger Highlight-Ton gegenüber dem dunklen Indigo..
- Wie beeinflusst Mitternachtskodex die Stimmung?
- Kühle Autorität mit konzentrierter Eleganz Primär vermittelt sie Vertrauen in Kompetenz und eine gedämpfte, professionelle Wirkung. Wichtige Eigenschaften: Vertrauen in Kompetenz, Konzentrierte Zurückhaltung, Intellektuelle Distanz, Seriosität, Raffinesse.
- Welche Branchen verwenden Mitternachtskodex?
- Mitternachtskodex wird häufig in den Bereichen Finanzdienstleistungen (Vermögensverwaltung), Tech-B2B (Cybersecurity, SaaS), Luxusgüter (Uhren, Abendmode) verwendet. Es passt zu Markenarchetypen wie Der Weise (The Sage), Der Herrscher (The Ruler).
- Was ist die Geschichte von Mitternachtskodex?
- Die visuelle Familie dieses Tons reicht weit zurück: Indigofarbstoffe wurden in Indien und Südostasien seit der Antike verwendet, gewonnen aus Pflanzen der Gattung Indigofera; in Europa ergänzte seit dem Mittelalter Ultramarin und später synthetische Indigo/Anilinfarben das Spektrum tiefblauer Töne. Künstler nutzten tiefes Ultramarin für dramatische Nachthimmel, während Textilien die tiefe Bläue als Zeichen von Beständigkeit zeigten.
- Wie verwendet man Mitternachtskodex im Design?
- Balance: immer einen hellen oder warmen Akzent als Gegenpol zur kühlen Tiefe einsetzen. Best Practices: Verwende #111593 als tiefen Hintergrund für Bereiche mit heller Typografie (Weiß oder sehr helles Grau) zur maximalen Lesbarkeit.; Setze einen feinen Akzent in #F2A400 (Komplementär) bei CTAs oder Trennelementen, um sofortige visuelle Hierarchie zu schaffen.; Kombiniere mit kühlen Metallics (z. B. gebürstetes Silber) für eine technische, hochwertige Anmutung..
- Ist Mitternachtskodex barrierefrei?
- Kontrastverhältnis auf Weiß: 13.53:1, auf Schwarz: 1.55:1. Erfüllt WCAG AA für normalen und großen Text.