Farbkonvertierung
#64c3df
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 #64C3DF?
- #64C3DF ist Lagunenflüstern – Ein klares, leicht grünes Himmelblau mit mittlerer Helligkeit und freundlicher Frische. Es vermittelt eine beruhigende Frische, verbunden mit einem Hauch von Optimismus und moderner Leichtigkeit.
- Was symbolisiert Lagunenflüstern?
- Reinheit des Wassers, technische Verlässlichkeit, Erneuerung, Reisen und Entdeckung, Gesundheit und Hygiene. Im Westen wird dieses Cyan-Blau oft mit Vertrauen, Technologie und gesundheitlicher Frische assoziiert; im Mittleren Osten erinnert es an schützende Türkis- und Fayence-Traditionen; in Ostasien steht helles Blaugrün häufig für Jugend und Frische, seltener für formelle Autorität.
- Wo wird Lagunenflüstern im Design eingesetzt?
- In Räumen und Interfaces schafft Lagunenflüstern ein Gefühl von luftiger Klarheit, das Stress reduziert und Fokus unterstützt. Gleichzeitig wirkt es belebend genug, um Handlungsimpulse zu fördern, ohne aggressiv zu sein.
- Welche Farben passen gut zu Lagunenflüstern?
- Lagunenflüstern harmoniert gut mit #DF9F64, #64DFD1, #DF64C3. #DF9F64: Komplementär: warmes Korall-Beige bietet lebendige Wärme für CTA-Buttons oder Akzente, erzeugt starken visuellen Kontrast.. #64DFD1: Analog: ein grüneres Aqua sorgt für sanfte Verlaufs- und Flächengestaltung (harmonische Abstufung der Cyan-Familie).. #DF64C3: Triadisch: eine gedämpfte Magenta-Variante liefert lebendige Akzente und energetische Kontraste ohne visuelle Disharmonie..
- Wie beeinflusst Lagunenflüstern die Stimmung?
- Beruhigte Frische mit moderner Optimismus-Note Die primäre Reaktion ist ein ruhiges Wohlgefühl gepaart mit subtiler Belebung. Wichtige Eigenschaften: Zuverlässigkeit, Frische, Klarheit, Aufgeschlossenheit, Beruhigung.
- Welche Branchen verwenden Lagunenflüstern?
- Lagunenflüstern wird häufig in den Bereichen Gesundheitswesen & Telemedizin, Wellness & Spa, Reise- und Freizeitservices verwendet. Es passt zu Markenarchetypen wie Der Helfer / Caregiver, Der Entdecker / Explorer.
- Was ist die Geschichte von Lagunenflüstern?
- Helle cyanartige Töne finden sich in antiken Glasuren und Fayencen des Nahen Ostens und Nordafrikas, wo Kupfer- und Kobaltverbindungen Glas und Keramik türkis-bläulich einfärbten. Früheste Anwendungen waren handwerklich und regional, nicht exakt in diesem genauen Ton, aber in der gleichen visuell erfrischenden Familie.
- Wie verwendet man Lagunenflüstern im Design?
- Balance statt Dominanz: immer einen neutralen Anker (dunkel oder warm neutral) nutzen, um die Klarheit dieses Tons zu steuern. Best Practices: Kombiniere Lagunenflüstern mit einem tiefen Marine als primäre Kontrastachse für Buttons und Navigation (Zugriffsfertigkeits- und Gewichtungsstrategie).; Nutze es in Illustrationen als lokale Akzentfarbe auf 15–30% Flächenanteil, um visuelle Hierarchie zu erzeugen.; Bei Print: erhöhe Sättigung durch CMYK-Anpassung (reduziere Magenta leicht, erhöhe Cyan/Yellow fein) und probedrucke auf gestrichenem Papier für optimale Leuchtkraft..
- Ist Lagunenflüstern barrierefrei?
- Kontrastverhältnis auf Weiß: 2.02:1, auf Schwarz: 10.41:1. Erfüllt WCAG AA für normalen und großen Text.