Farbkonvertierung
#c7d0d5
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 #C7D0D5?
- #C7D0D5 ist Nebelmarina – Ein sehr heller, gedämpfter Blau-Grau-Ton mit einem kühlen, leicht grünlichen Unterton und matter Eleganz. Er erzeugt eine ruhige, klare Atmosphäre, die zugleich frisch und zurückhaltend wirkt.
- Was symbolisiert Nebelmarina?
- Reinheit, Ruhe, Professionalität, Zurückhaltung, Frische. In skandinavischen Kontexten steht dieser Ton für funktionale Zurückhaltung und Naturverbundenheit; in westlichen Corporate-Umfeldern signalisiert er Professionalität und Sachlichkeit; in manchen ostasiatischen Minimalästhetiken wird er als elegante, neutrale Basis für Produktpräsentation genutzt.
- Wo wird Nebelmarina im Design eingesetzt?
- In Räumen und Interfaces beruhigt Nebelmarina die Wahrnehmung, reduziert visuelle Unruhe und schafft das Gefühl von Ordnung. Aufgrund der hohen Helligkeit wirkt es offen und luftig, zugleich aber sachlich genug, um Seriosität zu vermitteln.
- Welche Farben passen gut zu Nebelmarina?
- Nebelmarina harmoniert gut mit #D9BFA8, #7A93A0, #D18F74. #D9BFA8: Komplementäres, warmes Beige‑Koralle, setzt einen behaglichen Kontrast und funktioniert als CTA‑ oder Möbelakzent (komplementäre Harmonie).. #7A93A0: Dunkleres, analoges Blau‑Grau vertieft die Palette und schafft Staffelung in Layouts und Innenräumen (analoge Harmonie).. #D18F74: Ein gesättigtes, warmes Terrakotta als split‑komplementärer Akzent liefert Energie ohne Dominanz (split‑komplementäre Harmonie)..
- Wie beeinflusst Nebelmarina die Stimmung?
- Leise Zuversicht mit kühler Eleganz Primär vermittelt es Ruhe und ein Gefühl von verlässlicher Klarheit. Wichtige Eigenschaften: Gelassenheit, Verlässlichkeit, Sauberkeit, Neutralität, Raffinesse.
- Welche Branchen verwenden Nebelmarina?
- Nebelmarina wird häufig in den Bereichen Gesundheitswesen & Kliniken, Wellness & Spa, FinTech / SaaS mit seriösem Auftritt verwendet. Es passt zu Markenarchetypen wie The Caregiver, The Sage.
- Was ist die Geschichte von Nebelmarina?
- Gedämpfte Blau‑Grautöne wie Nebelmarina entstanden in der Malerei spätestens im 18. und 19. Jahrhundert, als Künstler ultramarin oder Kobaltblau mit Bleiweiß bzw. später Titanweiß mischten und durch Zugabe von gebranntem Umbra oder etwas Grün das Blau neutralisierten. Frühere Blaupigmente wie Smalt boten bereits im 17. Jahrhundert ähnliche kühle Töne, waren aber oft körniger und tiefer.
- Wie verwendet man Nebelmarina im Design?
- Kontrast und ein einzelner warmer oder dunkler Anker sind entscheidend—ohne Gegenpol wirkt der Ton zu neutral und verliert Wirkung. Best Practices: Nutze Nebelmarina als großflächigen Hintergrund und füge einen einzelnen warmen Akzent (z. B. D18F74) als Call‑to‑Action hinzu.; Kombiniere mit matter Textur (Lehmfarbe, matte Latexfarbe) statt Hochglanz, um die Zurückhaltung zu bewahren.; Sichere Lesbarkeit mit sehr dunklem Text (#2B2B2B) und setze semibold‑Gewichte für Überschriften..
- Ist Nebelmarina barrierefrei?
- Kontrastverhältnis auf Weiß: 1.57:1, auf Schwarz: 13.41:1. Erfüllt WCAG AA für normalen und großen Text.