Farbkonvertierung
#06659f
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 #06659F?
- #06659F ist Sturmtaucher-Blau – Ein tiefes, klar definiertes Marineblau mit kühler Cyan-Note, das zwischen Tinte und nordischem Meer liegt. Es weckt konzentrierte Klarheit und eine zurückhaltend entschlossene Ruhe.
- Was symbolisiert Sturmtaucher-Blau?
- Vertrauen und Professionalität, Navigation und Führung, Seefahrt und Weite, Rationalität und Technik, Kühle Eleganz. In Westeuropa und Nordamerika wird ein tiefes Marineblau meist mit Autorität, Marine und seriöser Corporate-Identität assoziiert. In Ostasien steht Blau oft für Reinheit und Zuverlässigkeit, wobei dunklere Töne wie dieses zudem Seriosität und Stabilität betonen. In Teilen Afrikas kann intensives Blau regional variieren, wird aber zunehmend in modernen Marken als Technologie- oder Beratungsfarbe eingesetzt.
- Wo wird Sturmtaucher-Blau im Design eingesetzt?
- In Interfaces und Räumen vermittelt diese Nuance Klarheit und senkt visuelle Unruhe, wodurch Entscheidungen leichter fallen. Gleichzeitig kann sie Distanz schaffen, sodass Wärme bewusst durch Akzente ergänzt werden sollte.
- Welche Farben passen gut zu Sturmtaucher-Blau?
- Sturmtaucher-Blau harmoniert gut mit #9F5C06, #06A0C0, #9F0660. #9F5C06: Komplementär (warme Amber-Note) – erzeugt energetischen Kontrast und betont Call-to-Action-Flächen.. #06A0C0: Analog/Split-Analog (kühler Cyanton) – erweitert die Palette in Richtung Meerestiefe und sorgt für sanfte Abstufungen.. #9F0660: Triadisch (kräftiges Magenta) – bietet lebhafte Akzentmöglichkeiten für Markenelemente ohne die Seriosität zu verlieren..
- Wie beeinflusst Sturmtaucher-Blau die Stimmung?
- Fokussierte Ruhe mit professioneller Autorität Ein Gefühl von Ruhe und sicherer Kompetenz Wichtige Eigenschaften: Vertrauen, Autorität, Konzentration, Kühle Vernunft, Zuverlässigkeit.
- Welche Branchen verwenden Sturmtaucher-Blau?
- Sturmtaucher-Blau wird häufig in den Bereichen Finanzdienstleistungen (B2B), Technologie/SaaS, Schifffahrt & maritime Logistik verwendet. Es passt zu Markenarchetypen wie The Sage, The Explorer.
- Was ist die Geschichte von Sturmtaucher-Blau?
- Die Nuancen dieses kühlen, tiefen Blaus stehen in historischer Nähe zu Pigmenten wie dem Preußischblau, das Anfang des 18. Jahrhunderts in Berlin als Nebenprodukt der Färberei entstand und schnell in Druckgrafik und Malerei populär wurde. Natürliche Färbemittel wie Indigo lieferten ähnliche, jedoch wärmere Töne; die industrielle Chemie ermöglichte später stabilere, intensivere Varianten.
- Wie verwendet man Sturmtaucher-Blau im Design?
- Bewahren Sie Kontrast und Balance: diese Nuance funktioniert am besten als präziser Akzent innerhalb einer klaren typografischen und räumlichen Hierarchie. Best Practices: Nutzen Sie #06659F als primären Akzent auf weißen/hellgrauen Flächen für maximale Lesbarkeit.; Kombinieren Sie es mit einem warmen, satten Akzent (z. B. 9F5C06) in kleinen Flächen, um emotionale Balance zu schaffen.; Verwenden Sie leichte Line- oder Shadow-Highlights (z. B. 06A0C0 bei 10–15% Deckkraft) zur visuellen Tiefe..
- Ist Sturmtaucher-Blau barrierefrei?
- Kontrastverhältnis auf Weiß: 6.23:1, auf Schwarz: 3.37:1. Erfüllt WCAG AA für normalen und großen Text.