Farbkonvertierung
#032e6a
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 #032E6A?
- #032E6A ist Mitternachtsfjord – Ein sehr dunkles, kühles Blau mit deutlichem Tintencharakter und nahezu schwarzer Tiefe. Es vermittelt konzentrierte Ruhe und eine respektvolle, zugleich leicht geheimnisvolle Autorität.
- Was symbolisiert Mitternachtsfjord?
- Kompetenz und Zuverlässigkeit, Maritime Tradition, Nacht und Geheimnis, Intellekt und Reflexion, Exklusivität/Luxus. In westeuropäischen und nordamerikanischen Kontexten steht ein so dunkles Blau für Professionalität und Marine-Tradition. In Japan wird tiefes Blau (aizome/Indigo‑Varianten) mit Handwerkstradition und Ruhe assoziiert. In Teilen Südasiens vermittelt dunkles Blau oft Autorität, wird aber seltener für Feierliches als warme Farben genutzt.
- Wo wird Mitternachtsfjord im Design eingesetzt?
- In Räumen oder Interfaces schafft dieses Blau eine zurückhaltende, fokussierte Atmosphäre, die Augen und Geist beruhigt. Es stärkt das Gefühl von Zuverlässigkeit, kann aber Entfernungen zwischen Elementen verstärken, wenn es zu dominant wird.
- Welche Farben passen gut zu Mitternachtsfjord?
- Mitternachtsfjord harmoniert gut mit #D98F03, #034F6A, #0B1F6A. #D98F03: Komplementär: warmes Bernstein-Orange erzeugt starken Blickfang für CTAs und Komposition, steigert Kontrast und visuelle Hierarchie.. #034F6A: Analog: ein etwas grünlicheres Teal bildet eine subtile, harmonische Abstufung für Hintergründe und Akzente (ruhige Tiefe).. #0B1F6A: Analog/tonal: tiefer Indigo für Schatten, Volltonflächen oder Typografie, um Schichten zu bauen ohne Helligkeitskonflikt..
- Wie beeinflusst Mitternachtsfjord die Stimmung?
- Ruhige Autorität mit tiefer Konzentration Primär erzeugt es Respekt und Seriosität mit einer Nuance von Geheimnis. Wichtige Eigenschaften: Vertrauen, Autorität, Kontemplation, Stabilität, Diskretion.
- Welche Branchen verwenden Mitternachtsfjord?
- Mitternachtsfjord wird häufig in den Bereichen Finanzen/Banken, Schifffahrt/Maritim, Technologie (B2B) verwendet. Es passt zu Markenarchetypen wie The Sage, The Ruler.
- Was ist die Geschichte von Mitternachtsfjord?
- Die tiefblauen Töne, die Mitternachtsfjord ähnlich sind, haben ihren historischen Ursprung in den frühneuzeitlichen Kobaltpigmenten und später in Preußischblau (Berlinerblau), das im frühen 18. Jahrhundert entstand und sich schnell in Europa verbreitete. Diese Pigmente ermöglichten dunklere, beständigere Blautöne als die früheren Pflanzenindigos.
- Wie verwendet man Mitternachtsfjord im Design?
- Balance: dieses Blau verlangt klare Kontraste (hell/dunkel oder warm/kalt), um Autorität ohne Schwerfälligkeit zu kommunizieren. Best Practices: Nutzen Sie #032E6A als Primärakzent auf hellen Flächen und paaren Sie ihn mit einem warmen Bernstein (z. B. D98F03) für CTAs, um Farbkontrast und Aufmerksamkeit zu erzeugen.; Verwenden Sie helle Creme- oder Elfenbeintöne (#F5F2EE) für Typografie auf diesem Dunkelblau, um gute Lesbarkeit bei geringem visuellen Stress zu sichern.; Setzen Sie das Blau sparsam als Rahmen- oder Hintergrundelement ein, um Räume von Seriosität zu durchdringen, ohne sie zu erdrücken..
- Ist Mitternachtsfjord barrierefrei?
- Kontrastverhältnis auf Weiß: 13.10:1, auf Schwarz: 1.60:1. Erfüllt WCAG AA für normalen und großen Text.