Farbkonvertierung
#7ec2d7
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 #7EC2D7?
- #7EC2D7 ist Lagunenhauch – Ein helles, klares Cyan mit zarter Türkis-Note und hoher Leuchtkraft, das an flaches Meereswasser erinnert. Es vermittelt frische Ruhe und eine leichte, optimistische Gelassenheit.
- Was symbolisiert Lagunenhauch?
- Reinigung und Frische, Heilung/Wellness, Transparenz, Neuanfang, Leichte Eleganz. Im Westen assoziiert man helles Cyan meist mit Sauberkeit und Technologie; in Japan steht helles Blautürkis oft für Ruhe und Wasser; in tropischen Regionen weckt es direkte Erinnerungen an Lagunen und Tourismus. In Indien kann ein ähnlicher Ton Frische und Festlichkeit ausdrücken, besonders in Textilien.
- Wo wird Lagunenhauch im Design eingesetzt?
- In Räumen oder Interfaces wirkt Lagunenhauch ausgleichend und entlastend, beruhigt die Wahrnehmung und lenkt nicht ab. Es schafft visuelle Luftigkeit, wodurch Inhalte leichter, freundlicher und moderner erscheinen.
- Welche Farben passen gut zu Lagunenhauch?
- Lagunenhauch harmoniert gut mit #D97E7E, #7ED7C2, #123A44. #D97E7E: Komplementärkontrast: warmes Korallrot bringt Energie und hebt Lagunenhauch hervor, ideal für Call-to-Action (Komplementärharmonie).. #7ED7C2: Analog: grünlicher Aqua-Ton ergänzt die kühle Basis und erzeugt eine beruhigende, natürliche Verlaufspalette (Analogeharmonie).. #123A44: Kühles Dunkelblau-Grau bietet starken Lesbarkeitskontrast und verankert das helle Cyan, perfekt für Typografie und UI-Elemente (Kontrast-/Neutralharmonie)..
- Wie beeinflusst Lagunenhauch die Stimmung?
- Beruhigende Frische mit zugänglichem Optimismus Der erste Eindruck ist ein ruhiges Aufatmen — Sicherheit gepaart mit leichter Neugier. Wichtige Eigenschaften: Vertrauen, Gelassenheit, Sauberkeit, Erneuerung, Zugänglichkeit.
- Welche Branchen verwenden Lagunenhauch?
- Lagunenhauch wird häufig in den Bereichen Telemedizin/Healthtech, Wellness & Spa, nachhaltige Reise- und Boutique-Hotellerie verwendet. Es passt zu Markenarchetypen wie Der Fürsorgliche (Caregiver), Der Entdecker (Explorer).
- Was ist die Geschichte von Lagunenhauch?
- Historische Ursprünge dieses hellen Cyan-Farbtons sind modern: echte Reinheiten wie Lagunenblau entstanden erst mit der Verfügbarkeit synthetischer Pigmente im 19. und 20. Jahrhundert, vor allem durch die Einführung von Cerulean-Varianten und später Phthalo‑Pigmenten, die mit Titanweiß aufgehellt wurden.
- Wie verwendet man Lagunenhauch im Design?
- Erhalte ausreichenden Kontrast durch einen dunklen Ankerton; ohne diesen verliert der Ton visuelle Gewichtung. Best Practices: Als sekundäre Akzentfarbe auf Weißraum verwenden, um Interface-Elemente optisch zu heben.; Kombiniere mit einem dunklen Blau/Grau für Texte (#123A44) um ausreichenden Kontrast zu erzielen.; Nutze kleine Flächen des Tons in Illustrationen, um Ruhe zu signalisieren ohne zu dominieren..
- Ist Lagunenhauch barrierefrei?
- Kontrastverhältnis auf Weiß: 1.98:1, auf Schwarz: 10.59:1. Erfüllt WCAG AA für normalen und großen Text.