Farbkonvertierung
#5b88a6
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 #5B88A6?
- #5B88A6 ist Sturmsee-Morgen – Ein mittleres, gedämpftes Blau mit leicht gräulichem Zyan-Anteil, das an Küstenwasser an bewölkten Tagen erinnert. Es vermittelt stille Zuversicht und kontrollierte Gelassenheit ohne Härte.
- Was symbolisiert Sturmsee-Morgen?
- Kompetenz in professionellen Kontexten, maritime Herkunft oder Verbundenheit zum Meer, kühle Eleganz, Verlässlichkeit, reflektive Nachdenklichkeit. In westlichen Kulturen assoziiert man dieses Blau mit Professionalität und Vertrauen; in nordeuropäischen Küstenregionen weckt es Assoziationen mit Wetter und Meer; in Ostasien wird ein gedämpftes Blau oft mit Zurückhaltung und kultivierter Mäßigung verbunden.
- Wo wird Sturmsee-Morgen im Design eingesetzt?
- In Räumen oder Interfaces beruhigt diese Farbe die Wahrnehmung, reduziert visuelle Unruhe und fördert konzentrierte Aufmerksamkeit. Sie wirkt weniger technisch-kalt als reine Königsblau-Töne, bleibt dabei aber sachlich und verlässlich.
- Welche Farben passen gut zu Sturmsee-Morgen?
- Sturmsee-Morgen harmoniert gut mit #D9755B, #5BA6A2, #A65B9A. #D9755B: Komplementär: warmes Terrakotta liefert lebendigen Kontrast und hebt Akzente hervor, ohne schrill zu wirken.. #5BA6A2: Analog: ein grünlicheres Türkis erweitert die Küstenpalette und erzeugt ruhige, natürliche Übergänge.. #A65B9A: Triadisch: ein gedämpftes Magenta liefert harmonischen Farbschub für Akzente bei gleichzeitig eleganter Balance..
- Wie beeinflusst Sturmsee-Morgen die Stimmung?
- Ruhige Kompetenz mit unaufdringlicher Autorität Ein Gefühl von sicheren, beherrschten Möglichkeiten — ruhig, aber handlungsfähig. Wichtige Eigenschaften: Vertrauen, Stabilität, Sachlichkeit, Kontemplation, Zurückhaltung.
- Welche Branchen verwenden Sturmsee-Morgen?
- Sturmsee-Morgen wird häufig in den Bereichen FinTech / Banken, Nachhaltige Körperpflege, Maritime Logistik und Versicherung verwendet. Es passt zu Markenarchetypen wie Der Weise, Der Beschützer.
- Was ist die Geschichte von Sturmsee-Morgen?
- Die Vorläufer dieses gedämpften, cyan-getönten Blaus lassen sich bis zu den frühen synthetischen Pigmenten des 18. und 19. Jahrhunderts zurückverfolgen; Smalt und spätere Eisen- und Kobaltverbindungen wurden in Malerei und Textilien verwendet und später mit Kreide oder Bleiweiß abgetönt, um gedämpfte Küstentöne zu erzielen. Industriell gefärbte Textilien im 19. Jahrhundert führten ebenfalls zu solchen trüberen Blauvarianten, die Wetter und Meer nachahmten.
- Wie verwendet man Sturmsee-Morgen im Design?
- Balance — halten Sie ein Gleichgewicht zwischen der ruhigen Dominanz dieses Blaus und sorgfältig dosierten warmen oder hellen Akzenten. Best Practices: Kombinieren Sie die Farbe mit einem warmen Terrakotta-Akzent (kleine Flächen) zur Hervorhebung — schafft komplementären Kontrast.; Nutzen Sie sie als große ruhige Fläche und bringen Sie Typografie in Cremeweiß oder gebrochenem Weiß für bessere Leserlichkeit.; Setzen Sie fein strukturierte Materialien (Leinen, matte Metallleisten) ein, um die gedämpfte, taktile Qualität zu unterstützen..
- Ist Sturmsee-Morgen barrierefrei?
- Kontrastverhältnis auf Weiß: 3.81:1, auf Schwarz: 5.52:1. Erfüllt WCAG AA für normalen und großen Text.